优化全程曲线弹窗

src/views/modules_guAn/visualization/index.vue

@@ -99,7 +99,7 @@
       <real-time-curve v-if="title==='实时曲线'" :data="curveData"></real-time-curve>
       <full-curve-model v-if="title==='全程曲线'" :data="curveModelData" ref="fullCurveModel"></full-curve-model>
       <template slot="footer">
-        <a-button @click="visible=false">关闭</a-button>
+        <a-button @click="curveClose">关闭</a-button>
       </template>
     </j-modal>
   </div>
@@ -295,27 +295,41 @@ export default {
     searchQuery() {
       this.getSearchData()
       this.isFullWebSocket = false
-      // this.$refs.fullCurveModel.refreshData()
-      // this.$refs.fullCurveModel.isSearched = true
     },
     searchReset() {
-      // this.$refs.fullCurveModel.isSearched = false
       this.queryParam = {}
       this.getSearchData()
       this.isFullWebSocket = true
     },
     curveClose(){
-      // this.$refs.fullCurveModel.isSearched = false
       this.isFullWebSocket = true
       this.visible = false
       this.queryParam = {}
+      this.curveModelData = this.curveData // 再次打开是全部数据状态
     },
   }
 }
 </script>
 
-<style scoped>
+<style lang="less" scoped>
   @import '~@/assets/less/uStyle.less';
+  // 表单
+  .ant-form{
+    /deep/ .ant-form-item-label{
+      label{
+        color: #fff !important;
+      }
+    }
+    /deep/ .ant-input{
+      background: rgba(6,23,48,.5);
+      color: #fff;
+    }
+    /deep/ .ant-btn-primary{
+      background: transparent;
+      // background: #0b2243d9;
+      // border-color: #fff;
+    }
+  }
 </style>
 <style lang="less">
   .visualization-container{

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

@@ -1,5 +1,5 @@
 <template>
-  <div class="data-curve-module">
+  <div class="data-curve-module-model">
     <!-- <common-title title="全程曲线"></common-title>     -->
     <!-- <div style="height: 22.5px;"></div> -->
     <!-- <div class="visualization-common-border"> -->
@@ -338,8 +338,8 @@ export default {
   @import '~@/assets/less/uStyle.less';
 </style>
 <style lang="less">
-  .data-curve-module{
+  .data-curve-module-model{
     width: 100%;
-    height: 100%;
+    height: calc(100% - 56px);
   }
 </style>