From d33f6ff5982997089d875395f06cc94b508b4c2e Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Mon, 5 Jul 2021 14:43:47 +0800
Subject: [PATCH 1/2] =?UTF-8?q?NEZ-807=20fix:=20=20=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E5=85=B3=E9=97=AD=20=E6=8F=90=E7=A4=BA=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/common/mixin/editRigthBox.js | 17 +++++++++++++++++
 .../rightBox/administration/assetTypeBox.vue    |  6 ++++++
 .../common/rightBox/administration/modelBox.vue |  6 ++++++
 .../common/rightBox/administration/roleBox.vue  |  5 +++++
 .../common/rightBox/administration/userBox.vue  |  5 +++++
 .../src/components/common/rightBox/agentBox.vue |  5 +++++
 .../components/common/rightBox/alertRuleBox.vue |  5 +++++
 .../common/rightBox/alertSilenceBox.vue         |  6 +++++-
 .../common/rightBox/asset/assetBatchEditBox.vue |  5 +++++
 .../common/rightBox/asset/assetBox.vue          |  6 ++++++
 .../components/common/rightBox/assetMetaBox.vue |  5 +++++
 .../common/rightBox/assetMetaGroup.vue          |  5 +++++
 .../common/rightBox/assetStateBox.vue           |  5 +++++
 .../components/common/rightBox/cabinetBox.vue   |  5 +++++
 .../components/common/rightBox/chartTempBox.vue |  6 ++++++
 .../src/components/common/rightBox/dcBox.vue    |  6 ++++++
 .../common/rightBox/editEndpointBoxNew.vue      |  5 +++++
 .../components/common/rightBox/exprTmplBox.vue  |  6 ++++++
 .../common/rightBox/locationCascader.vue        |  5 +++++
 .../src/components/common/rightBox/menuBox.vue  |  6 ++++++
 .../src/components/common/rightBox/mibBox.vue   |  6 ++++++
 .../components/common/rightBox/moduleBox.vue    |  5 +++++
 .../src/components/common/rightBox/panelBox.vue |  5 +++++
 .../components/common/rightBox/projectBox.vue   |  5 +++++
 .../common/rightBox/setting/cabinetBox.vue      |  5 +++++
 .../common/rightBox/snmpCredentialBox.vue       |  6 +++++-
 .../common/rightBox/trafficSetting/subBox.vue   |  2 ++
 .../trafficSetting/trafficSettingBox.vue        |  7 ++++++-
 .../src/components/page/dashboard/chartBox.vue  |  7 ++++++-
 29 files changed, 164 insertions(+), 4 deletions(-)
 create mode 100644 nezha-fronted/src/components/common/mixin/editRigthBox.js

diff --git a/nezha-fronted/src/components/common/mixin/editRigthBox.js b/nezha-fronted/src/components/common/mixin/editRigthBox.js
new file mode 100644
index 000000000..324de784f
--- /dev/null
+++ b/nezha-fronted/src/components/common/mixin/editRigthBox.js
@@ -0,0 +1,17 @@
+export default {
+  data () {
+    return {
+      isEdit: false
+    }
+  },
+  mounted () {
+    if( this.isEdit ) {
+      window.onbeforeunload = () => {
+        return window.confirm("确认操作吗？")
+      }
+    }
+  },
+  destroyed () {
+    window.onbeforeunload = null
+  }
+}
diff --git a/nezha-fronted/src/components/common/rightBox/administration/assetTypeBox.vue b/nezha-fronted/src/components/common/rightBox/administration/assetTypeBox.vue
index 3ab7293a0..f26653311 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/assetTypeBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/assetTypeBox.vue
@@ -100,6 +100,8 @@
 <script>
 import { asset as assetConstants} from '@/components/common/js/constants'
 import selectWalk from '../../popBox/selectWalk'
+import editRigthBox from '../../mixin/editRigthBox'
+
 export default {
   name: 'assetTypeBox',
   components: {
@@ -117,6 +119,7 @@ export default {
       }
     }
   },
+  mixins: [editRigthBox],
   data () {
     return {
       assetConstants,
@@ -148,6 +151,9 @@ export default {
       deep: true,
       immediate: true,
       handler (n) {
+        if (n.id) {
+          this.isEdit = true
+        }
         this.editAssetType = JSON.parse(JSON.stringify(n))
       }
     }
diff --git a/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue b/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
index a763e1392..8d02226af 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
@@ -60,6 +60,8 @@
 <script>
 // import { host, port } from '@/components/common/js/validate'
 import selectWalk from '../../popBox/selectWalk'
+import editRigthBox from '../../mixin/editRigthBox'
+
 export default {
   name: 'modelBox',
   components: {
@@ -77,6 +79,7 @@ export default {
       }
     }
   },
+  mixins: [editRigthBox],
   data () {
     return {
       language: localStorage.getItem('nz-language'),
@@ -109,6 +112,9 @@ export default {
       deep: true,
       immediate: true,
       handler (n) {
+        if (n.id) {
+          this.isEdit = true
+        }
         this.editModel = JSON.parse(JSON.stringify(n))
       }
     }
diff --git a/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue b/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
index d954b31fe..54cdca65e 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
@@ -48,6 +48,7 @@
 </template>
 
 <script>
+import editRigthBox from '../../mixin/editRigthBox'
 export default {
   name: 'roleBox',
   components: {
@@ -58,6 +59,7 @@ export default {
     },
     detail: Boolean
   },
+  mixins: [editRigthBox],
   data () {
     return {
       editRole: {},
@@ -79,6 +81,9 @@ export default {
       deep: true,
       immediate: true,
       handler (n) {
+        if (n.id) {
+          this.isEdit = true
+        }
         this.editRole = JSON.parse(JSON.stringify(n))
         if (this.editRole.roles && this.editRole.roles.length > 0) {
           this.editRole.roleIds = this.editRole.roles.map(t => t.id)
diff --git a/nezha-fronted/src/components/common/rightBox/administration/userBox.vue b/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
index e925468b4..8feaa93d4 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
@@ -82,6 +82,7 @@
 
 <script>
 // import { host, port } from '@/components/common/js/validate'
+import editRigthBox from '../../mixin/editRigthBox'
 
 export default {
   name: 'userBox',
@@ -92,6 +93,7 @@ export default {
       type: Object
     }
   },
+  mixins: [editRigthBox],
   computed: {
     isCurrentUser () {
       return function (username) {
@@ -157,6 +159,9 @@ export default {
       deep: true,
       immediate: true,
       handler (n) {
+        if (n.id) {
+          this.isEdit =true
+        }
         this.editUser = JSON.parse(JSON.stringify(n))
         // if (this.editUser.roles && this.editUser.roles.length > 0) {
         //   this.editUser.roleIds = this.editUser.roles.map(t => t.id)
diff --git a/nezha-fronted/src/components/common/rightBox/agentBox.vue b/nezha-fronted/src/components/common/rightBox/agentBox.vue
index 60427c0f6..18f7f6b2c 100644
--- a/nezha-fronted/src/components/common/rightBox/agentBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/agentBox.vue
@@ -74,11 +74,13 @@
 <script>
 import { host, port } from '../../common/js/validate'
 import { agent2 } from '@/components/common/js/constants'
+import editRigthBox from '../mixin/editRigthBox'
 export default {
   name: 'agentBox',
   props: {
     agent: Object
   },
+  mixins: [editRigthBox],
   data () {
     return {
       agent2: agent2,
@@ -188,6 +190,9 @@ export default {
       immediate: true,
       deep: true,
       handler (n) {
+        if (n.id) {
+          this.isEdit = true
+        }
         this.editPromServer = JSON.parse(JSON.stringify(n))
       }
     },
diff --git a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
index 19a5f13f3..c1e2e7322 100644
--- a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
@@ -124,6 +124,7 @@
 import chartDataFormat from '../../charts/chartDataFormat'
 import promqlInput from '../../page/dashboard/explore/promqlInput'
 import { nzNumber } from '../js/validate'
+import editRigthBox from '../mixin/editRigthBox'
 export default {
   name: 'alertRuleBox',
   props: {
@@ -132,6 +133,7 @@ export default {
   components: {
     'promql-input': promqlInput
   },
+  mixins: [editRigthBox],
   data () {
     return {
       promqlCount: 1,
@@ -318,6 +320,9 @@ export default {
       deep: true,
       immediate: true,
       handler (n, o) {
+        if (n.id) {
+          this.isEdit = true
+        }
         this.editAlertRule = JSON.parse(JSON.stringify(n))
         if (this.editAlertRule.id) {
           this.expressions = [this.editAlertRule.expr]
diff --git a/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue b/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
index e91711907..3fac3cf21 100644
--- a/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
@@ -125,12 +125,13 @@
 import bus from '@/libs/bus'
 import { sameLabels } from '@/components/common/js/constants'
 // import selectAlertSilence from '../alert/selectAlertSilence'
+import editRigthBox from '../mixin/editRigthBox'
 export default {
   name: 'alertSilenceBox',
   components: {
     // selectAlertSilence
   },
-
+  mixins: [editRigthBox],
   props: {
     alertSilence: Object
   },
@@ -139,6 +140,9 @@ export default {
       deep: true,
       immediate: true,
       handler (n, o) {
+        if (n.id) {
+          this.isEdit = true
+        }
         const obj = JSON.parse(JSON.stringify(n))
         if (obj.ruleId == -1) {
           obj.ruleId = null
diff --git a/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue b/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
index 89abc9c9e..e0aaebf66 100644
--- a/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
@@ -221,6 +221,7 @@
 <script>
 import nzTransfer from '@/components/common/nzTransfer'
 import { asset as assetConstants } from '@/components/common/js/constants'
+import editRigthBox from '../../mixin/editRigthBox'
 export default {
   name: 'assetBatchEditBox',
   components: {
@@ -237,6 +238,7 @@ export default {
       type: Array
     }
   },
+  mixins: [editRigthBox],
   data () {
     const vm = this
     return {
@@ -467,6 +469,9 @@ export default {
       immediate: true,
       deep: true,
       handler (n) {
+        if (n.id) {
+          this.isEdit = true
+        }
         if (n !== assetConstants.editTypeData.account) {
           this.editData.authProtocol = 0
         } else {
diff --git a/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue b/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
index 6f136c8c4..54aa87a88 100644
--- a/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
@@ -242,6 +242,8 @@ import { host, port } from '@/components/common/js/validate'
 import { asset as assetConstants } from '@/components/common/js/constants'
 import selectAssetType from '@/components/common/popBox/selectAssetType'
 import locationCascader from '@/components/common/rightBox/locationCascader'
+import editRigthBox from '../../mixin/editRigthBox'
+
 export default {
   name: 'assetBox',
   components: {
@@ -253,6 +255,7 @@ export default {
       type: Object
     }
   },
+  mixins: [editRigthBox],
   data () {
     const vm = this
     return {
@@ -347,6 +350,9 @@ export default {
       deep: true,
       immediate: true,
       handler (n) {
+        if (n.id) {
+          this.isEdit = true
+        }
         this.editAsset = JSON.parse(JSON.stringify(n))
         this.editAsset.brandAndModel = [this.editAsset.brand.id, this.editAsset.model.id]
         this.editAsset.stateId = n.state ? n.state.id : ''
diff --git a/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue b/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
index 229373c43..16dbe383b 100644
--- a/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
@@ -142,12 +142,14 @@
 
 <script>
 import assetTagEx from '../../page/asset/components/assetTagEx'
+import editRigthBox from '../mixin/editRigthBox'
 export default {
   name: 'assetLabelBox',
   props: {
     obj: { type: Object }
   },
   components: { assetTagEx },
+  mixins: [editRigthBox],
   data () {
     return {
       ready: false,
@@ -233,6 +235,9 @@ export default {
       deep: true,
       immediate: true,
       handler (n) {
+        if (n.id) {
+          this.isEdit = true
+        }
         this.editAssetMeta = {
           ...n,
           groupId: n.groupId ? Number(n.groupId) : '',
diff --git a/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue b/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue
index d45326737..68e1b12b3 100644
--- a/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue
+++ b/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue
@@ -41,12 +41,14 @@
 </template>
 
 <script>
+import editRigthBox from '../mixin/editRigthBox'
 export default {
   name: 'assetMetaGroup',
   props: {
     metaGroup: {}
   },
   components: {},
+  mixins: [editRigthBox],
   data () {
     return {
       editMetaGroup: {
@@ -63,6 +65,9 @@ export default {
     metaGroup: {
       immediate: true,
       handler (n) {
+        if (n.id) {
+          this.isEdit = true
+        }
         this.editMetaGroup = { ...n }
       }
     }
diff --git a/nezha-fronted/src/components/common/rightBox/assetStateBox.vue b/nezha-fronted/src/components/common/rightBox/assetStateBox.vue
index 9f8d8d14b..2d242b02d 100644
--- a/nezha-fronted/src/components/common/rightBox/assetStateBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/assetStateBox.vue
@@ -62,12 +62,14 @@
   </div>
 </template>
 <script>
+import editRigthBox from '../mixin/editRigthBox'
 export default {
   name: 'asset-state-right-box',
   props: {
     assetState: Object,
     assetStateData: Array // 所有数据，用于选择下拉框显示内容
   },
+  mixins: [editRigthBox],
   data () {
     return {
       rules: { // 表单校验规则
@@ -138,6 +140,9 @@ export default {
       immediate: true,
       deep: true,
       handler (n) {
+        if (n.id) {
+          this.isEdit = true
+        }
         if (n) {
           this.editAssetState = JSON.parse(JSON.stringify(n))
         }
diff --git a/nezha-fronted/src/components/common/rightBox/cabinetBox.vue b/nezha-fronted/src/components/common/rightBox/cabinetBox.vue
index ccb4f8527..68414aa26 100644
--- a/nezha-fronted/src/components/common/rightBox/cabinetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/cabinetBox.vue
@@ -52,6 +52,7 @@
 </template>
 
 <script>
+import editRigthBox from '../mixin/editRigthBox'
 export default {
   name: 'cabinetBox',
   props: {
@@ -62,6 +63,7 @@ export default {
       default: true
     }
   },
+  mixins: [editRigthBox],
   data () {
     return {
       editCabinet: {},
@@ -156,6 +158,9 @@ export default {
       deep: true,
       immediate: true,
       handler: function (n, o) {
+        if (n.id) {
+          this.isEdit = true
+        }
         if (n) {
           this.editCabinet = JSON.parse(JSON.stringify(n))
         }
diff --git a/nezha-fronted/src/components/common/rightBox/chartTempBox.vue b/nezha-fronted/src/components/common/rightBox/chartTempBox.vue
index 2db849665..a25423c32 100644
--- a/nezha-fronted/src/components/common/rightBox/chartTempBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/chartTempBox.vue
@@ -74,6 +74,8 @@
 <script>
 import nzTransfer from '@/components/common/nzTransfer'
 import { fromRoute } from '@/components/common/js/constants'
+import editRigthBox from '../mixin/editRigthBox'
+
 export default {
   name: 'chartTempBox',
   components: {
@@ -85,6 +87,7 @@ export default {
     },
     from: String
   },
+  mixins: [editRigthBox],
   data () {
     return {
       fromRoute,
@@ -176,6 +179,9 @@ export default {
       deep: true,
       immediate: true,
       handler (n) {
+        if (n.id) {
+          this.isEdit = false
+        }
         this.editChartTemp = JSON.parse(JSON.stringify(n))
       }
     }
diff --git a/nezha-fronted/src/components/common/rightBox/dcBox.vue b/nezha-fronted/src/components/common/rightBox/dcBox.vue
index 10360ad70..7422089f0 100644
--- a/nezha-fronted/src/components/common/rightBox/dcBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/dcBox.vue
@@ -64,6 +64,8 @@
 
 <script>
 import latlngPicker from '../latlngPicker'
+import editRigthBox from '../mixin/editRigthBox'
+
 const regNum = /^[0-9]+.?[0-9]*/
 
 export default {
@@ -75,6 +77,7 @@ export default {
     },
     userData: Array
   },
+  mixins: [editRigthBox],
   data () {
     return {
       editDc: {},
@@ -201,6 +204,9 @@ export default {
       immediate: true,
       deep: true,
       handler (n, o) {
+        if (n.id) {
+          this.isEdit = true
+        }
         this.editDc = JSON.parse(JSON.stringify(n))
         this.$nextTick(() => {
           this.$refs.latlngPicker.setLnglat(this.editDc.latitude, this.editDc.longitude)
diff --git a/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue b/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
index 91c51c38b..d52593430 100644
--- a/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
+++ b/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
@@ -264,6 +264,7 @@
 <script>
 import { noSpecialChar, port, nzNumber } from '../js/validate'
 import selectWalk from '../popBox/selectWalk'
+import editRigthBox from '../mixin/editRigthBox'
 import VueTagsInput from '@johmun/vue-tags-input'
 
 export default {
@@ -288,6 +289,7 @@ export default {
     'select-walk': selectWalk,
     VueTagsInput
   },
+  mixins: [editRigthBox],
   data () {
     return {
       walkData: [],
@@ -678,6 +680,9 @@ export default {
       immediate: true,
       deep: true,
       handler (n, o) {
+        if (n.id) {
+          this.isEdit = true
+        }
         this.editEndpoint = JSON.parse(JSON.stringify(n))
         this.activeName = 'Basic'
         this.changeProject()
diff --git a/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue b/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
index 9279db289..6c14e4bb5 100644
--- a/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
@@ -72,6 +72,8 @@
 
 <script>
 import promqlInput from '../../page/dashboard/explore/promqlInput'
+import editRigthBox from '../mixin/editRigthBox'
+
 export default {
   name: 'exprTempBox',
   components: {
@@ -80,11 +82,15 @@ export default {
   props: {
     exprTemp: Object
   },
+  mixins: [editRigthBox],
   watch: {
     exprTemp: {
       deep: true,
       immediate: true,
       handler (n, o) {
+        if (n.id) {
+          this.isEdit = true
+        }
         const obj = { ...n }
         obj.expression = [obj.expression]
         this.editExprTemp = Object.assign(this.editExprTemp, obj)
diff --git a/nezha-fronted/src/components/common/rightBox/locationCascader.vue b/nezha-fronted/src/components/common/rightBox/locationCascader.vue
index a0fed9927..e9f1f631e 100644
--- a/nezha-fronted/src/components/common/rightBox/locationCascader.vue
+++ b/nezha-fronted/src/components/common/rightBox/locationCascader.vue
@@ -47,6 +47,7 @@
 </template>
 
 <script>
+import editRigthBox from '../mixin/editRigthBox'
 export default {
   name: 'locationCascader',
   components: {
@@ -62,6 +63,7 @@ export default {
     disabled: { type: Boolean },
     dcOption: { type: Array }
   },
+  mixins: [editRigthBox],
   data () {
     return {
       initData: null,
@@ -387,6 +389,9 @@ export default {
       immediate: true,
       deep: true,
       handler (n, o) {
+        if (n.id) {
+          this.isEdit = true
+        }
         this.$emit('change', n)
       }
     },
diff --git a/nezha-fronted/src/components/common/rightBox/menuBox.vue b/nezha-fronted/src/components/common/rightBox/menuBox.vue
index 943533523..57ba85662 100644
--- a/nezha-fronted/src/components/common/rightBox/menuBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/menuBox.vue
@@ -83,6 +83,8 @@
 <script>
 import Treeselect from '@riophae/vue-treeselect'
 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+import editRigthBox from '../mixin/editRigthBox'
+
 export default {
   name: 'menuBox',
   components: {
@@ -106,6 +108,7 @@ export default {
       return enabled.length === 0
     }
   },
+  mixins: [editRigthBox],
   data () {
     return {
       rules: { // 表单校验规则
@@ -237,6 +240,9 @@ export default {
       immediate: true,
       deep: true,
       handler (n) {
+        if (n.id) {
+          this.isEdit = true
+        }
         this.editMenu = JSON.parse(JSON.stringify(n))
         if (this.editMenu.perms && this.editMenu.perms != '') {
           this.$set(this.editMenu, 'permissions', this.editMenu.perms.split(',').map(t => { return { value: t } }))
diff --git a/nezha-fronted/src/components/common/rightBox/mibBox.vue b/nezha-fronted/src/components/common/rightBox/mibBox.vue
index ad7396f32..29bf6f434 100644
--- a/nezha-fronted/src/components/common/rightBox/mibBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/mibBox.vue
@@ -55,11 +55,14 @@
 </template>
 
 <script>
+import editRigthBox from '../mixin/editRigthBox'
+
 export default {
   name: 'modelBox',
   props: {
     mib: Object
   },
+  mixins: [editRigthBox],
   data () {
     const $temp = this
     return {
@@ -228,6 +231,9 @@ export default {
       immediate: true,
       deep: true,
       handler (n, o) {
+        if (n.id) {
+          this.isEdit = true
+        }
         this.editMib = JSON.parse(JSON.stringify(n))
         if (this.editMib.models) {
           this.selectedModels = this.editMib.models.split(',')
diff --git a/nezha-fronted/src/components/common/rightBox/moduleBox.vue b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
index 10dfd22b5..94165bfcc 100644
--- a/nezha-fronted/src/components/common/rightBox/moduleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
@@ -259,6 +259,7 @@
 <script>
 import { noSpecialChar, port, nzNumber } from '../js/validate'
 import selectWalk from '../popBox/selectWalk'
+import editRigthBox from '../mixin/editRigthBox'
 import VueTagsInput from '@johmun/vue-tags-input'
 
 export default {
@@ -271,6 +272,7 @@ export default {
     'select-walk': selectWalk,
     VueTagsInput
   },
+  mixins: [editRigthBox],
   data () {
     return {
       walkData: [],
@@ -674,6 +676,9 @@ export default {
       immediate: true,
       deep: true,
       handler (n, o) {
+        if (n.id) {
+          this.isEdit = true
+        }
         this.editModule = JSON.parse(JSON.stringify(n))
         this.activeName = 'Basic'
 
diff --git a/nezha-fronted/src/components/common/rightBox/panelBox.vue b/nezha-fronted/src/components/common/rightBox/panelBox.vue
index f68e39ad1..1f1deb6e6 100644
--- a/nezha-fronted/src/components/common/rightBox/panelBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/panelBox.vue
@@ -31,6 +31,7 @@
 </template>
 
 <script>
+import editRigthBox from '../mixin/editRigthBox'
 export default {
   name: 'panelBox',
   props: {
@@ -38,6 +39,7 @@ export default {
       type: Object
     }
   },
+  mixins: [editRigthBox],
   data () {
     return {
       url: 'visual/panel',
@@ -122,6 +124,9 @@ export default {
       immediate: true,
       deep: true,
       handler (n, o) {
+        if (n.id) {
+          this.isEdit = true
+        }
         this.editPanel = JSON.parse(JSON.stringify(n))
       }
     }
diff --git a/nezha-fronted/src/components/common/rightBox/projectBox.vue b/nezha-fronted/src/components/common/rightBox/projectBox.vue
index 724d80df5..0584bb1c6 100644
--- a/nezha-fronted/src/components/common/rightBox/projectBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/projectBox.vue
@@ -34,12 +34,14 @@
   </div>
 </template>
 <script>
+import editRigthBox from '../mixin/editRigthBox'
 import { noSpecialChar } from '../../common/js/validate'
 export default {
   name: 'projectBox',
   props: {
     project: Object
   },
+  mixins: [editRigthBox],
   data () {
     return {
       editProject: {},
@@ -119,6 +121,9 @@ export default {
     project: {
       immediate: true,
       handler (n, o) {
+        if (n.id) {
+          this.isEdit = true
+        }
         this.editProject = JSON.parse(JSON.stringify(n))
       }
     }
diff --git a/nezha-fronted/src/components/common/rightBox/setting/cabinetBox.vue b/nezha-fronted/src/components/common/rightBox/setting/cabinetBox.vue
index 7d1d35d83..870e652b0 100644
--- a/nezha-fronted/src/components/common/rightBox/setting/cabinetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/setting/cabinetBox.vue
@@ -36,12 +36,14 @@
 </template>
 
 <script>
+import editRigthBox from '../../mixin/editRigthBox'
 export default {
   name: 'cabinetBox',
   props: {
     obj: { type: Object },
     currentDc: { type: Object }
   },
+  mixins: [editRigthBox],
   data () {
     return {
       editCabinet: {},
@@ -124,6 +126,9 @@ export default {
       deep: true,
       immediate: true,
       handler: function (n, o) {
+        if (n.id) {
+          this.isEdit = true
+        }
         if (n) {
           this.editCabinet = JSON.parse(JSON.stringify(n))
         }
diff --git a/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue b/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
index e553b1e7d..4ab23c361 100644
--- a/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
@@ -84,7 +84,7 @@
 </template>
 
 <script>
-
+import editRigthBox from '../mixin/editRigthBox'
 import { port } from '../js/validate'
 
 export default {
@@ -93,6 +93,7 @@ export default {
   props: {
     credential: Object
   },
+  mixins: [editRigthBox],
   data () {
     return {
       editCredential: {},
@@ -219,6 +220,9 @@ export default {
       immediate: true,
       deep: true,
       handler (n, o) {
+        if (n.id) {
+          this.isEdit = true
+        }
         this.editCredential = JSON.parse(JSON.stringify(n))
         if (this.editCredential.config && typeof this.editCredential.config === 'string') {
           this.editCredential.config = JSON.parse(this.editCredential.config)
diff --git a/nezha-fronted/src/components/common/rightBox/trafficSetting/subBox.vue b/nezha-fronted/src/components/common/rightBox/trafficSetting/subBox.vue
index b1146359d..164530d03 100644
--- a/nezha-fronted/src/components/common/rightBox/trafficSetting/subBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/trafficSetting/subBox.vue
@@ -21,8 +21,10 @@
 </template>
 
 <script>
+import editRigthBox from '../../mixin/editRigthBox'
 export default {
   name: 'subBox',
+  mixins: [editRigthBox],
   data () {
     return {
       editTagsBox: { show: false, top: 0, left: 0 },
diff --git a/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingBox.vue b/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingBox.vue
index 7af168599..ce6948c52 100644
--- a/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingBox.vue
@@ -28,6 +28,7 @@
 
 <script>
 import trafficSettingTab from './trafficSettingTab'
+import editRigthBox from '../../mixin/editRigthBox'
 import { getUUID } from '../../js/common'
 
 export default {
@@ -41,6 +42,7 @@ export default {
       required: true
     }
   },
+  mixins: [editRigthBox],
   mounted () {
     this.queryTrafficSettings()
   },
@@ -316,7 +318,10 @@ export default {
     dc: {
       immediate: true,
       deep: true,
-      handler () {
+      handler (n) {
+        if (n.id) {
+          this.isEdit = true
+        }
         this.queryAssetList()
       }
     }
diff --git a/nezha-fronted/src/components/page/dashboard/chartBox.vue b/nezha-fronted/src/components/page/dashboard/chartBox.vue
index 8872413bd..e848c8fb3 100644
--- a/nezha-fronted/src/components/page/dashboard/chartBox.vue
+++ b/nezha-fronted/src/components/page/dashboard/chartBox.vue
@@ -499,6 +499,8 @@ import nezhaColor from '../../common/nezhaColor'
 import i18n from '../../common/i18n'
 import { fromRoute } from '@/components/common/js/constants'
 import diagram from '@/components/common/ChartDiagram/diagram'
+import editRigthBox from '../../common/mixin/editRigthBox'
+
 const rz = {
   methods: {
     rz (e) {
@@ -519,7 +521,7 @@ export default {
       default: false
     }
   },
-  mixins: [rz],
+  mixins: [rz,editRigthBox],
   data () {
     return {
       fromRoute,
@@ -1759,6 +1761,9 @@ export default {
       deep: true,
       immediate: true,
       handler (n) {
+        if (n.id) {
+          this.isEdit = true
+        }
         if ((n.param && n.param.valueMapping) && (n.type === 'singleStat' || n.type === 'table')) {
           n.param.valueMapping.mapping.forEach(item => {
             this.showPicker.push({ bac: false, text: false })

From edc963d0318e238dbc21d77faa31146f94931548 Mon Sep 17 00:00:00 2001
From: "@changcode" <changyongqiang@geedgenetworks.com>
Date: Mon, 5 Jul 2021 15:03:32 +0800
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8DassetTab=E4=BC=A0?=
 =?UTF-8?q?=E5=80=BC=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/common/bottomBox/tabs/assetTab.vue          | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/assetTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/assetTab.vue
index b5063d0b4..f7dbb82e8 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/assetTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/assetTab.vue
@@ -210,9 +210,6 @@ export default {
       this.$set(this.searchLabel, 'pageNo', this.pageObj.pageNo)
       this.$set(this.searchLabel, 'pageSize', this.pageObj.pageSize)
       this.tools.loading = true
-      if (this.obj) {
-        this.$set(this.searchLabel, 'modelIds', this.obj.id)
-      }
       this.$get(this.url, { ...this.searchLabel, ...this.searchCheckBox }).then(response => {
         this.tools.loading = false
         if (response.code === 200) {