弹窗标题

src/views/modules_guAn/visualization/index.vue

@@ -17,14 +17,14 @@
         <div class="left-top-con">
           <!-- 左上 -->
           <common-title title="预制曲线"></common-title>
-          <div class="visualization-common-border" @click="showModal('yuzhi')">
+          <div class="visualization-common-border" @click="showModal('yuzhi', '预制曲线')">
             <yuzhi-curve :data="yuzhiData" :marks="yuzhiMarkData" ref="yuzhiCurve"></yuzhi-curve>
           </div>
         </div>
         <div class="left-center-con">
           <!-- 左中 -->
           <common-title title="实时曲线"></common-title>
-          <div class="visualization-common-border" @click="showModal('realTime')">
+          <div class="visualization-common-border" @click="showModal('realTime', '实时曲线')">
             <real-time-curve :data="curveData"></real-time-curve>
           </div>
         </div>
@@ -32,7 +32,7 @@
           <!-- 左下 -->
           <!-- <test-information></test-information> -->
           <common-title title="全程曲线"></common-title>
-          <div class="visualization-common-border" @click="showModal('full')">
+          <div class="visualization-common-border" @click="showModal('full', '全程曲线')">
             <full-curve :data="curveData"></full-curve>
           </div>
         </div>
@@ -72,7 +72,7 @@
       </div>
     </div>
     <j-modal
-      title="实时曲线"
+      :title="title"
       :visible="visible"
       @cancel="visible=false"
       cancelText="关闭"
@@ -133,6 +133,7 @@ export default {
       curveData: [],
       websock: null,
       newAlarmData: null,
+      title: '',
       visible: false,
       curveType: ''
     }
@@ -252,8 +253,9 @@ export default {
       this.$refs.yuzhiCurve.chooseXunhuan.circname = choose
     },
     // 弹窗
-    showModal(type){
+    showModal(type, title){
       this.curveType = type
+      this.title = title
       this.visible = true
     },
   }