NEZ-3280 fix：Role Permission，Permission中未勾选View权限，但仍可进行View操作

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

@@ -12,6 +12,7 @@
     >
       <template v-slot:title><span :title="obj.name">{{obj.name}}</span></template>
       <template v-slot:top-tool-right>
+        <div v-has="'notebook_edit'">
           <button class="nz-btn nz-btn-size-normal nz-btn-style-normal" v-if="!notebookEdit" @click="edit">
             <i class="nz-icon nz-icon-edit"></i>
             <span>{{$t('overall.edit')}}</span>
@@ -19,6 +20,7 @@
           <button class="nz-btn nz-btn-size-normal nz-btn-style-normal" v-else @click="done">
             <span>{{$t('notebook.done')}}</span>
           </button>
+        </div>
         <pick-time ref="pickTime" v-model="searchTime" :refresh-data-func="dateChange" :show-locked="true" :use-chart-unit="false" :sign="'notebook' + obj.id"></pick-time>
         <el-dropdown v-has="['notebook_view']" trigger="click" size="medium" class="nz-el-dropdown">
           <button class="top-tool-btn" :title="$t('overall.download')">

nezha-fronted/src/components/common/table/settings/notebookTable.vue

@@ -55,7 +55,7 @@
       fixed="right">
       <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
       <div slot-scope="scope" class="table-operation-items">
-        <button class="table-operation-item" @click="showBottomBox('notebookTab', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
+        <button class="table-operation-item" v-has="'notebook_view'" @click="showBottomBox('notebookTab', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
         <el-dropdown size="medium" v-has="['notebook_add','notebook_edit','notebook_delete']" trigger="click" @command="tableOperation">
           <div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
             <i class="nz-icon nz-icon-more3"></i>
@@ -121,6 +121,9 @@ export default {
   },
   methods: {
     showBottomBox (targetTab, row) {
+      if (!this.hasButton('notebook_view')) {
+        return
+      }
       this.$store.commit('setNotebookEdit', false)
       this.$emit('showBottomBox', targetTab, JSON.parse(JSON.stringify(row)))
     }

nezha-fronted/src/components/page/config/system/license.vue

@@ -80,7 +80,7 @@
                 <span>{{scope.row.hostname}}</span>
               </template>
               <!-- ip -->
-              <template v-if="item.prop === 'ip'">
+              <template v-else-if="item.prop === 'ip'">
                 <span>{{getLicense(scope.row)}}</span>
               </template>
               <!-- state -->