NEZ-1621 fix： Data Centers链接Open terminal时界面无法复位

nezha-fronted/src/components/chart/chartList.vue

@@ -61,7 +61,6 @@
     </div>
     <!-- 全屏查看 -->
     <el-dialog
-      id="viewGraphDialog"
       v-if="fullscreen.visible"
       :visible.sync="fullscreen.visible"
       :show-close="false"

nezha-fronted/src/components/charts/chart-alert-list.vue

@@ -126,7 +126,6 @@
                    :visible.sync="graphShow"
                    width="90%"
                    :append-to-body="true"
-                   id="viewGraphDialog"
                    @close="dialogClose" :modal-append-to-body="false">
           <div slot="title">
             {{$t("project.endpoint.dialogTitle")}}
@@ -140,7 +139,7 @@
           </div>
         </el-dialog>
         <!--全屏-->
-        <el-dialog id="viewGraphDialog" class="nz-dialog table-chart-dialog" :title="$t('alert.config.trbShot')"
+        <el-dialog class="nz-dialog table-chart-dialog" :title="$t('alert.config.trbShot')"
                    :visible.sync="dialogShowText"
                    width="96%"  @close="dialogShowText = false" :modal-append-to-body="false">
           <div slot="title">

nezha-fronted/src/components/charts/chart-bar-statistics.vue

@@ -60,7 +60,7 @@
           </div>
         </div>
         <!--全屏-->
-        <el-dialog id="viewGraphDialog" class="nz-dialog table-chart-dialog" :title="$t('dashboard.panel.view')" @opened="initChart('screen')"
+        <el-dialog class="nz-dialog table-chart-dialog" :title="$t('dashboard.panel.view')" @opened="initChart('screen')"
                    :visible.sync="screenModal"
                    width="96%"  @close="screenModal = false" :modal-append-to-body="false">
           <div slot="title">

nezha-fronted/src/components/charts/chart-pie.vue

@@ -60,7 +60,7 @@
           </div>
         </div>
         <!--全屏-->
-        <el-dialog id="viewGraphDialog" class="nz-dialog table-chart-dialog" :title="$t('dashboard.panel.view')" @opened="initChart('screen')"
+        <el-dialog class="nz-dialog table-chart-dialog" :title="$t('dashboard.panel.view')" @opened="initChart('screen')"
                    :visible.sync="screenModal"
                    width="96%"  @close="screenModal = false" :modal-append-to-body="false">
           <div slot="title">

nezha-fronted/src/components/charts/chart-single-stat.vue

@@ -58,7 +58,7 @@
           </div>
         </div>
         <!--全屏-->
-        <el-dialog id="viewGraphDialog" class="nz-dialog table-chart-dialog" :title="$t('dashboard.panel.view')"
+        <el-dialog class="nz-dialog table-chart-dialog" :title="$t('dashboard.panel.view')"
                    :visible.sync="screenModal"
                    width="96%"  @close="screenModal = false" :modal-append-to-body="false">
           <div slot="title">

nezha-fronted/src/components/charts/chart-table.vue

@@ -79,7 +79,7 @@
                       ref="Pagination" :append-to-body="false" pop-class="out-popper-fix"></Pagination>
         </div>
         <!--全屏-->
-        <el-dialog id="viewGraphDialog" class="nz-dialog table-chart-dialog" :title="$t('dashboard.panel.view')" :visible.sync="screenModal"
+        <el-dialog class="nz-dialog table-chart-dialog" :title="$t('dashboard.panel.view')" :visible.sync="screenModal"
                    width="96%" @close="screenModal = false" :modal-append-to-body="false">
           <div slot="title">
             <span class="nz-dialog-title">{{data.name}}</span>

nezha-fronted/src/components/charts/chart-url.vue

@@ -50,7 +50,7 @@
           <div  :id="'staticContainer'+chartIndex" class="center-content"></div>
         </div>
         <!--全屏-->
-        <el-dialog  id="viewGraphDialog"class="nz-dialog table-chart-dialog" :title="$t('dashboard.panel.view')"  :visible.sync="screenModal" width="96%" @opened="initDialog"  @close="screenModal = false" >
+        <el-dialog class="nz-dialog table-chart-dialog" :title="$t('dashboard.panel.view')"  :visible.sync="screenModal" width="96%" @opened="initDialog"  @close="screenModal = false" >
           <div slot="title">
             <span class="nz-dialog-title">{{chartData.name}}</span>
           </div>

nezha-fronted/src/components/charts/chartPreview.vue

@@ -12,7 +12,7 @@
   }
 </style>
 <template>
-    <el-dialog class="chart-preview-dialog nz-dialog" id="chartPreviewDailog viewGraphDialog"
+    <el-dialog class="chart-preview-dialog nz-dialog" id="chartPreviewDailog"
                :visible.sync="screenModal"
                :width="dailogWidth"
                :modal-append-to-body='false'

nezha-fronted/src/components/charts/diagram-chart.vue

@@ -46,7 +46,7 @@
           </div>
         </div>
         <!--全屏-->
-        <el-dialog id="viewGraphDialog" class="nz-dialog table-chart-dialog" :title="$t('dashboard.panel.view')"
+        <el-dialog class="nz-dialog table-chart-dialog" :title="$t('dashboard.panel.view')"
                    :visible.sync="screenModal"
                    width="96%"  @close="screenModal = false" :modal-append-to-body="false">
           <div slot="title">

nezha-fronted/src/components/charts/line-chart-block.vue

@@ -109,7 +109,7 @@
         </template>
         <!--
         <Modal title="查看" v-model="screenModal" width="96%" class="line-chart-block-modal">-->
-        <el-dialog id="viewGraphDialog" class="line-chart-block-modal nz-dialog"
+        <el-dialog class="line-chart-block-modal nz-dialog"
                    :title="$t('dashboard.panel.view')"
                    :visible.sync="screenModal"
                    width="90%"

nezha-fronted/src/components/charts/logs.vue

@@ -66,7 +66,7 @@
           </div>
         </div>
         <!--全屏-->
-        <el-dialog id="viewGraphDialog" class="nz-dialog table-chart-dialog"
+        <el-dialog class="nz-dialog table-chart-dialog"
                    :title="$t('dashboard.panel.view')"
                    :visible.sync="screenModal"
                    width="90%"

nezha-fronted/src/components/charts/text-chart.vue

@@ -48,7 +48,7 @@
           </div>
         </div>
         <!--全屏-->
-        <el-dialog id="viewGraphDialog" class="nz-dialog table-chart-dialog" :title="$t('dashboard.panel.view')"
+        <el-dialog class="nz-dialog table-chart-dialog" :title="$t('dashboard.panel.view')"
                    :visible.sync="screenModal"
                    width="96%"  @close="screenModal = false" :modal-append-to-body="false">
           <div slot="title">

nezha-fronted/src/components/common/ChartDiagram/diagram.vue

@@ -245,7 +245,6 @@
     </transition>
     <!--Custom picture-->
     <el-dialog
-      id="viewGraphDialog"
       :title="title"
       :visible.sync="uploadPicShow"
       width="auto"

nezha-fronted/src/components/common/bottomBox/bottomBox.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="sub-box bottom-box">
+  <div class="sub-box bottom-box" :style="{height: isFullScreen ? '100%' : ''}">
     <div class="resize-modal">
       <div class="sub-list-resize-copy">一</div>
     </div>

nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTabNew.vue

@@ -98,7 +98,7 @@
         @showFullscreen="showFullscreen"
       ></panel-chart>
     </el-dialog>
-    <el-dialog id="viewGraphDialog" class="nz-dialog table-chart-dialog" :title="$t('alert.config.trbShot')"
+    <el-dialog class="nz-dialog table-chart-dialog" :title="$t('alert.config.trbShot')"
                :visible.sync="dialogShowText"
                width="96%"  @close="dialogShowText = false" :modal-append-to-body="false">
       <div slot="title">

nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue

@@ -106,7 +106,7 @@
     </pl-table>
     <button :class="{'to-top-is-hover': tools.tableHover}" @click="toTop(scrollbarWrap)" class="to-top" v-show="tools.showTopBtn" id="endpoint-list-totop"><i class="nz-icon nz-icon-top"></i></button>
 
-    <el-dialog id="viewGraphDialog" class="line-chart-block-modal nz-dialog endpoint-dialog"
+    <el-dialog class="line-chart-block-modal nz-dialog endpoint-dialog"
                :title="$t('project.endpoint.dialogTitle')"
                :visible.sync="graphShow"
                width="90%"

nezha-fronted/src/components/common/detailView/list/alertRule/alertRuleDetail.vue

@@ -44,7 +44,7 @@
         </div>
       </li>
     </ul>
-    <el-dialog id="viewGraphDialog" class="nz-dialog table-chart-dialog" :title="$t('alert.config.trbShot')"
+    <el-dialog class="nz-dialog table-chart-dialog" :title="$t('alert.config.trbShot')"
                :visible.sync="dialogShowText"
                width="96%"  @close="dialogShowText = false" :modal-append-to-body="false">
       <div slot="title">

nezha-fronted/src/components/common/exportXLSX.vue

@@ -13,7 +13,7 @@
       </button>
     </div>
 
-    <el-dialog id="viewGraphDialog" :close-on-click-modal="importBox.type!=3" :show-close="true" :title="importBox.title" :visible.sync="importBox.show" :width="importBox.width" append-to-body class="nz-dialog" @close="closeDialog">
+    <el-dialog :close-on-click-modal="importBox.type!=3" :show-close="true" :title="importBox.title" :visible.sync="importBox.show" :width="importBox.width" append-to-body class="nz-dialog" @close="closeDialog">
       <div v-if="importBox.type == 1">
         <div class="upload-body">
           <el-upload drag class="upload-demo" ref="uploadExcel"  action="" :file-list="importFileList" :on-change="importChange"  :auto-upload="false" accept=".xlsx,.xls" :id="id+'-xlsx-input-file'">

nezha-fronted/src/components/common/latlngPicker.vue

@@ -13,7 +13,7 @@
       </div>
       <div class="input-box-item" style="margin-right: unset !important;width: 30px !important;flex:unset;" @click="mapConfigVisible = true"><i class="nz-icon nz-icon-weizhi" style="color:rgb(238, 157, 63)"></i></div>
     </div>
-    <el-dialog id="viewGraphDialog" :visible.sync="mapConfigVisible" :title="$t('config.system.basic.mapTitle')" width="calc(50% - 10px)"  @close="mapClose" @opened="initMap" class=" nz-dialog map-config-dialog" :modal-append-to-body="appendToBody">
+    <el-dialog :visible.sync="mapConfigVisible" :title="$t('config.system.basic.mapTitle')" width="calc(50% - 10px)"  @close="mapClose" @opened="initMap" class=" nz-dialog map-config-dialog" :modal-append-to-body="appendToBody">
       <div id="map" style="height: 100%; width: 100%"></div>
     </el-dialog>
   </div>

nezha-fronted/src/components/common/login.vue

@@ -51,7 +51,7 @@
     <div class="login-foot-buildOn">
       <span><a target="_blank" rel="noopener noreferrer" href='https://prometheus.io'>Build on Prometheus</a></span>
     </div>
-    <el-dialog id="viewGraphDialog" :visible.sync="authBindShow" :title="$t('login.verifyDialogTitle')" :modal-append-to-body='false'
+    <el-dialog :visible.sync="authBindShow" :title="$t('login.verifyDialogTitle')" :modal-append-to-body='false'
                :show-close="true" width="620px" class="nz-dialog" >
 
       <div v-loading="dialogLoading">
@@ -85,7 +85,7 @@
         </button>
       </div>
     </el-dialog>
-    <el-dialog id="viewGraphDialog" :visible.sync="fileShow" :title="$t('login.verifyDialogTitle')" :modal-append-to-body='false'
+    <el-dialog :visible.sync="fileShow" :title="$t('login.verifyDialogTitle')" :modal-append-to-body='false'
                :show-close="true" width="620px" class="nz-dialog" >
 
       <div>

nezha-fronted/src/components/common/popBox/guide.vue

@@ -1,6 +1,5 @@
 <template>
   <el-dialog
-    id="viewGraphDialog"
     :title="$t('guide.title')"
     :visible.sync="visible"
     custom-class="guild-pop"

nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue

@@ -19,7 +19,7 @@
       <slot name="after"></slot>
     </el-dropdown-menu>
 
-    <el-dialog id="viewGraphDialog" :close-on-click-modal="importBox.type!=3" destroy-on-close :show-close="true" :title="importBox.title" :visible.sync="importBox.show" :width="importBox.width" append-to-body class="nz-dialog" @close="closeDialog">
+    <el-dialog :close-on-click-modal="importBox.type!=3" destroy-on-close :show-close="true" :title="importBox.title" :visible.sync="importBox.show" :width="importBox.width" append-to-body class="nz-dialog" @close="closeDialog">
       <div v-if="importBox.type == 1">
         <div class="upload-body">
           <el-upload :id="id+'-xlsx-input-file'" ref="uploadExcel" :auto-upload="false"  :file-list="importFileList" :on-change="importChange" accept=".xlsx,.xls"  action="" class="upload-demo" drag>

nezha-fronted/src/components/common/project/topologyL5.vue

@@ -271,7 +271,6 @@
     </transition>
     <!--Custom picture-->
     <el-dialog
-      id="viewGraphDialog"
       :title="title"
       :visible.sync="uploadPicShow"
       width="auto"

nezha-fronted/src/components/common/rightBox/chart/chartRightBox.vue

@@ -101,7 +101,6 @@
     </div>
 <!--    预览-->
     <el-dialog
-      id="viewGraphDialog"
       v-if="previewShow"
       :visible.sync="previewShow"
       :show-close="false"

nezha-fronted/src/components/common/table/special/endpointQueryTab.vue

@@ -52,7 +52,6 @@
       <Pagination ref="Pagination" :pageObj="pageObj" :tableId="tableId" @pageNo='pageNo' @pageSize='pageSize'></Pagination>
     </div>
     <el-dialog
-      id="viewGraphDialog"
       v-if="graphShow"
       :visible.sync="graphShow"
       :show-close="false"

nezha-fronted/src/components/page/alert/alertMessage.vue

@@ -56,7 +56,7 @@
     </nz-data-list>
     <!--导出-->
     <div class="export-xlsx">
-      <el-dialog id="viewGraphDialog" :modal-append-to-body='false' :show-close="true" :title="importBox.title" :visible.sync="importBox.show" class="nz-dialog" width="600px" @close="closeDialog">
+      <el-dialog :modal-append-to-body='false' :show-close="true" :title="importBox.title" :visible.sync="importBox.show" class="nz-dialog" width="600px" @close="closeDialog">
         <div class="upload-body" style="height: 170px">
           <div class="export-box">
             <span class="export-title">Records</span>
@@ -85,7 +85,7 @@
     </div>
     <!--删除弹窗-->
     <div class="export-xlsx">
-      <el-dialog id="viewGraphDialog" :modal-append-to-body='false' :show-close="true" :title="$t('overall.remark')" :visible.sync="deleteBox.show" class="nz-message"  width="450px" @close="closeDialog" @opened="openedDialog">
+      <el-dialog :modal-append-to-body='false' :show-close="true" :title="$t('overall.remark')" :visible.sync="deleteBox.show" class="nz-message"  width="450px" @close="closeDialog" @opened="openedDialog">
         <div class="upload-body">
           <el-form ref="remarkForm" :model="deleteBox">
             <el-form-item :rules="[{required:true,message: $t('validate.required'), trigger: 'change'}]" prop="remark">
@@ -124,7 +124,7 @@
       ></panel-chart>
     </el-dialog>
     <!--全屏-->
-    <el-dialog id="viewGraphDialog" class="nz-dialog table-chart-dialog" :title="$t('alert.config.trbShot')"
+    <el-dialog class="nz-dialog table-chart-dialog" :title="$t('alert.config.trbShot')"
                :visible.sync="dialogShowText"
                width="96%"  @close="dialogShowText = false" :modal-append-to-body="false">
       <div slot="title">

nezha-fronted/src/components/page/alert/alertSilence.vue

@@ -45,7 +45,7 @@
     </transition>
     <!--导出-->
     <div class="export-xlsx">
-      <el-dialog id="viewGraphDialog" :modal-append-to-body='false' :show-close="true" :title="importBox.title"
+      <el-dialog :modal-append-to-body='false' :show-close="true" :title="importBox.title"
                  :visible.sync="importBox.show" class="nz-dialog" width="300px" @close="closeDialog">
         <div class="upload-body">
           <button id="alert-msg-exportcur" class="el-button el-button--default el-button--small" @click="exportCur">

nezha-fronted/src/components/page/config/agent.vue

@@ -45,7 +45,7 @@
     <transition name="right-box">
       <agent-box v-if="rightBox.show" :agent="object" @close="closeRightBox"></agent-box>
     </transition>
-    <el-dialog id="viewGraphDialog" :title="$t('config.agent.agent.title')" :visible.sync="showAgentDownload" append-to-body class="nz-dialog agent-dialog" width="800px" @close="closeDialog">
+    <el-dialog :title="$t('config.agent.agent.title')" :visible.sync="showAgentDownload" append-to-body class="nz-dialog agent-dialog" width="800px" @close="closeDialog">
       <div v-if="showAgentDownload" class="agent-box">
         <el-form v-model="agentParam" class="right-box-form right-box-form-left" label-position = "top" label-width="120px" size="small" style="width: 100%">
           <div class="right-box-sub-title">{{$t('config.agent.agent.download')}}</div>

nezha-fronted/src/components/page/config/profile.vue

@@ -72,7 +72,7 @@
       </div>
     </div>
     <operation-record class="profile-right"/>
-    <el-dialog id="viewGraphDialog" :visible.sync="authBindShow" :title="$t('login.verifyDialogTitle')" :modal-append-to-body='false'
+    <el-dialog :visible.sync="authBindShow" :title="$t('login.verifyDialogTitle')" :modal-append-to-body='false'
                :show-close="true" width="620px" class="nz-dialog" @closed="closeDialog">
 
       <div v-loading="dialogLoading">
@@ -106,7 +106,7 @@
         </button>
       </div>
     </el-dialog>
-    <el-dialog id="viewGraphDialog" :visible.sync="fileShow" :title="$t('login.verifyDialogTitle')" :modal-append-to-body='false'
+    <el-dialog :visible.sync="fileShow" :title="$t('login.verifyDialogTitle')" :modal-append-to-body='false'
                :show-close="true" width="620px" class="nz-dialog" @closed="fileClosed">
 
       <div>

nezha-fronted/src/components/page/config/template/exprTemp.vue

@@ -63,7 +63,7 @@
     </transition>
     <!--导出-->
     <div class="export-xlsx">
-      <el-dialog id="viewGraphDialog" :visible.sync="importBox.show" :title="importBox.title" :modal-append-to-body='false'
+      <el-dialog :visible.sync="importBox.show" :title="importBox.title" :modal-append-to-body='false'
                  :show-close="true" width="300px" @close="closeDialog" class="nz-dialog">
         <div class="upload-body">
           <button @click="exportCur" class="el-button el-button--default el-button--small" id="alert-msg-exportcur">

nezha-fronted/src/components/page/dashboard/explore/promqlInput.vue

@@ -103,7 +103,6 @@
     </div>
 
     <el-dialog
-      id="viewGraphDialog"
       :visible.sync="tempBoxShow"
       :append-to-body="true"
       :width="'auto'"

nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue

@@ -164,7 +164,7 @@
     </transition>
     <transition name="right-box"><alert-silence-box v-if='silenceBoxShow' :alert-silence="objectSilence" @close="closeSilenceBox"></alert-silence-box>
 </transition>
-    <el-dialog id="viewGraphDialog" :close-on-click-modal="false" :show-close="true" destroy-on-close :title='$t("overall.batchAddEndpoint")' :visible.sync="importBoxShow" :width="'600px'" append-to-body class="nz-dialog" @close="closeDialog">
+    <el-dialog :close-on-click-modal="false" :show-close="true" destroy-on-close :title='$t("overall.batchAddEndpoint")' :visible.sync="importBoxShow" :width="'600px'" append-to-body class="nz-dialog" @close="closeDialog">
       <div class="upload-body result-body">
         <div v-if="importResult&&importResult.failNum">
           <div class="result-title-top">