修改为点击标题弹窗

src/views/modules_guAn/visualization/components/commonTitle.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="visualization-common-title">
-    <div class="module-title">{{ title }}</div>
+    <div class="module-title" :class="title.includes('曲线')?'click':''" @click="handleClick">{{ title }}</div>
   </div>
 </template>
 
@@ -22,6 +22,9 @@ export default {
   mounted () {
   },
   methods: {
+    handleClick(){
+      this.$emit('click', this.title)
+    }
   }
 }
 </script>
@@ -44,5 +47,8 @@ export default {
       margin-left: 15px;
       letter-spacing: 0.05em;
     }
+    .click{
+      cursor: pointer;
+    }
   }
 </style>

src/views/modules_guAn/visualization/index.vue

@@ -16,23 +16,23 @@
       <div class="left-container">
         <div class="left-top-con">
           <!-- 左上 -->
-          <common-title title="预制曲线"></common-title>
-          <div class="visualization-common-border" @click="showModal('yuzhi', '预制曲线')">
+          <common-title title="预制曲线" @click="showModal"></common-title>
+          <div class="visualization-common-border">
             <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', '实时曲线')">
+          <common-title title="实时曲线" @click="showModal"></common-title>
+          <div class="visualization-common-border">
             <real-time-curve :data="curveData"></real-time-curve>
           </div>
         </div>
         <div class="left-bottom-con">
           <!-- 左下 -->
           <!-- <test-information></test-information> -->
-          <common-title title="全程曲线"></common-title>
-          <div class="visualization-common-border" @click="showModal('full', '全程曲线')">
+          <common-title title="全程曲线" @click="showModal"></common-title>
+          <div class="visualization-common-border">
             <full-curve :data="curveData"></full-curve>
           </div>
         </div>
@@ -77,9 +77,9 @@
       @cancel="visible=false"
       cancelText="关闭"
       class="u-modal-box">
-      <yuzhi-curve v-if="curveType==='yuzhi'" :data="yuzhiData" :marks="yuzhiMarkData" ref="yuzhiCurve"></yuzhi-curve>
-      <real-time-curve v-if="curveType==='realTime'" :data="curveData"></real-time-curve>
-      <full-curve v-if="curveType==='full'" :data="curveData"></full-curve>
+      <yuzhi-curve v-if="title==='预制曲线'" :data="yuzhiData" :marks="yuzhiMarkData" ref="yuzhiCurve"></yuzhi-curve>
+      <real-time-curve v-if="title==='实时曲线'" :data="curveData"></real-time-curve>
+      <full-curve v-if="title==='全程曲线'" :data="curveData"></full-curve>
       <template slot="footer">
         <a-button @click="visible=false">关闭</a-button>
       </template>
@@ -253,8 +253,7 @@ export default {
       this.$refs.yuzhiCurve.chooseXunhuan.circname = choose
     },
     // 弹窗
-    showModal(type, title){
-      this.curveType = type
+    showModal(title){
       this.title = title
       this.visible = true
     },

src/views/modules_guAn/visualization/modules/YuzhiCurve.vue

@@ -112,6 +112,7 @@ export default {
     this.$nextTick(() => {
       this.initYuzhiCurve()
       this.refreshData(this.data)
+      // this.setMarkLine()
     })
   },
   methods: {