NEZ-2480 fix：下拉框无内容样式问题

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

@@ -98,13 +98,13 @@
         </div>
         <!-- dashboardTemp -->
         <div v-else-if="from === fromRoute.dashboardTemp">
-          <button id="endpoint-create-chart" v-has="'main_add'" :title="$t('overall.createChart')" class="top-tool-btn margin-r-10" @click.stop="addChart">
+          <button v-has="'main_add'" id="endpoint-create-chart" :title="$t('overall.createChart')" class="top-tool-btn margin-r-10" @click.stop="addChart">
             <i class="nz-icon nz-icon-create-square"></i>
           </button>
-          <button id="panel-lock" :title='panelLock ? $t("overall.unlocked") : $t("overall.locked")'  class="top-tool-btn margin-r-10" @click="panelLockChange(!panelLock)" type="button">
+          <button v-has="'main_edit'" id="panel-lock" :title='panelLock ? $t("overall.unlocked") : $t("overall.locked")'  class="top-tool-btn margin-r-10" @click="panelLockChange(!panelLock)" type="button">
             <i :class="{'nz-icon nz-icon-lock':!panelLock,'nz-icon nz-icon-unlock':panelLock}"></i>
           </button>
-          <button @click="chartBySync" id="chart-sync"  :title="$t('overall.syncChart')" class="top-tool-btn margin-r-10" type="button">
+          <button v-has="'main_edit'" @click="chartBySync" id="chart-sync"  :title="$t('overall.syncChart')" class="top-tool-btn margin-r-10" type="button">
             <i class="nz-icon nz-icon-sync"></i>
           </button>
         </div>
@@ -617,7 +617,7 @@ export default {
                 this.showPanel = this.$loadsh.cloneDeep(this.panelData[0])
                 this.variables = this.$loadsh.get(this.panelData, '[0].param.variables')
                 this.getData(this.filter)
-              }else {
+              } else {
                 this.chartListLoading = false
               }
             } else {

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

@@ -36,9 +36,9 @@
               <HighlightText :queries="filterPanel" :highlightClass="'highlight-keyword'" style="vertical-align: middle" :title="node.label + ' (' + data.chartNum +' charts）' ">{{node.label}}</HighlightText>
               <el-row class="block-col-2" style="margin-left:10px;margin-right:8px">
                 <el-col>
-                  <el-dropdown  placement="bottom-end" trigger="click" style="margin-right:10px">
+                  <el-dropdown placement="bottom-end" trigger="click" style="margin-right:10px" v-has="['main_edit', 'main_delete']">
                     <span class="el-dropdown-link tree--operation" @click.stop><i class="nz-icon nz-icon-more1"></i></span>
-                    <el-dropdown-menu class="right-box-select-top" slot="dropdown"  v-has="['main_edit', 'main_delete']">
+                    <el-dropdown-menu class="right-box-select-top" slot="dropdown">
                       <el-dropdown-item>
                         <div @click="editPanel(data)" v-has="'main_edit'"><i  class="nz-icon nz-icon-edit"></i>{{$t('overall.edit')}}</div>
                       </el-dropdown-item>
@@ -75,9 +75,9 @@
               <HighlightText :queries="filterPanel" :highlightClass="'highlight-keyword'" style="vertical-align: middle" :title="node.label + ' (' + data.chartNum +' charts）' ">{{node.label}}</HighlightText>
               <el-row class="block-col-2" style="margin-left:10px;margin-right:8px">
                 <el-col>
-                  <el-dropdown  placement="bottom-end" trigger="click" style="margin-right:10px">
+                  <el-dropdown placement="bottom-end" trigger="click" style="margin-right:10px" v-has="['main_edit', 'main_delete']">
                     <span class="el-dropdown-link tree--operation" @click.stop><i class="nz-icon nz-icon-more1"></i></span>
-                    <el-dropdown-menu class="right-box-select-top" slot="dropdown"  v-has="['main_edit', 'main_delete']">
+                    <el-dropdown-menu class="right-box-select-top" slot="dropdown">
                       <el-dropdown-item>
                         <div @click="editPanel(data)" v-has="'main_edit'"><i  class="nz-icon nz-icon-edit"></i>{{$t('overall.edit')}}</div>
                       </el-dropdown-item>

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

@@ -5,10 +5,10 @@
         <i class="nz-icon nz-icon-more2"></i>
       </button>
       <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
-        <el-dropdown-item  v-if="showLock">
+        <el-dropdown-item  v-if="showLock" v-has="'main_edit'">
           <div @click="editPanel" id="edit-bottom-panel"><i class="nz-icon nz-icon-edit"></i>{{$t('dashboard.panel.editPanelTitle')}}</div>
         </el-dropdown-item>
-        <el-dropdown-item  v-if="showLock">
+        <el-dropdown-item  v-if="showLock" v-has="'main_edit'">
           <div @click="panelLock=!panelLock" id="panel-lock"><i :class="{'nz-icon nz-icon-lock':!panelLock,'nz-icon nz-icon-unlock':panelLock}"></i>{{!panelLock ? $t("overall.locked") : $t("overall.unlocked")}}</div>
         </el-dropdown-item>
         <!-- import、export之前的内容 -->

nezha-fronted/src/components/common/table/alert/alertMessageTable.vue

@@ -106,13 +106,13 @@
         <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
         <div slot-scope="scope" class="table-operation-items">
           <button v-if="scope.row.alertRule" class="table-operation-item" @click="$emit('messageDetail', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
-          <el-dropdown v-has="['alertMessage_expired', 'alertSilence_add']" size="medium" trigger="click" @command="tableOperation">
+          <el-dropdown v-has="['alertMessage_delete','alertMessage_expired', 'alertSilence_add']" size="medium" 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>
             </div>
             <el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
               <!--            <el-dropdown-item :command="['showText', scope.row]"><i class="nz-icon nz-icon-guzhangshuju"></i><span class="operation-dropdown-text">{{$t('alert.config.trbShot')}}</span></el-dropdown-item>-->
-              <el-dropdown-item v-has="'alertMessage_view'" :command="['delete', scope.row, 'singleDel']"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item>
+              <el-dropdown-item v-has="'alertMessage_delete'" :command="['delete', scope.row, 'singleDel']"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item>
               <!-- <el-dropdown-item v-has="'alertMessage_view'" :command="['delete', scope.row]">
                   <delete-button
                   ref="deleteButton"

nezha-fronted/src/components/common/table/alert/alertRuleTable.vue

@@ -81,7 +81,7 @@
             popper-class="schedEnableTitle nz-tooltip-bac"
           >
             <div>
-              <div class="margin-b-10">
+              <div class="margin-b-10" v-has="'alertRule_edit'">
                 {{$t('alert.config.schedEnable')}}
                 <el-switch
                   style="margin-left: 14px"

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

@@ -108,7 +108,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" v-has="'dc_edit'" @click="showBottomBox('cabinet', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
+        <button class="table-operation-item" v-has="'dc_view'" @click="showBottomBox('cabinet', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
         <el-dropdown size="medium" v-has="['dc_delete','dc_edit']" 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>

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

@@ -19,7 +19,7 @@
           <i class="nz-icon nz-icon-funnel"></i>
         </button>
         <pick-time v-model="searchTime" sign="message" :default-pick="10" :refresh-data-func="getTableData" :show-empty="true" :use-chart-unit="false" :use-refresh="false"></pick-time>
-        <button id="roles-add" v-has="'alertMessage_view'" :title="$t('overall.exportExcel')" class="top-tool-btn margin-r-10" type="button" @click="showExportDialog">
+        <button id="roles-add" v-has="'alertMessage_edit'" :title="$t('overall.exportExcel')" class="top-tool-btn margin-r-10" type="button" @click="showExportDialog">
           <i class="nz-icon-download1 nz-icon"></i>
         </button>
          <top-tool-more-options
@@ -31,6 +31,7 @@
           export-file-name="AlertMessage"
           class="top-tool-export margin-r-10"
           @afterImport="getTableData"
+          v-has="['alertMessage_delete','alertMessage_expired']"
         >
           <template v-slot:before>
             <div>
@@ -42,7 +43,7 @@
                   :forceDeleteShow="false"
                   :deleteTitle="'alert.alertMessage'"
                   id="alert-msg-batch-delete"
-                  v-has="'alertMessage_expired'"
+                  v-has="'alertMessage_delete'"
                   :api="url"
                   :clickFunction="batchDel"
                   :delete-objs="batchDeleteObjs"

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

@@ -33,6 +33,7 @@
           export-url="/alert/rule/export"
           import-url="/alert/rule/import"
           @afterImport="getTableData"
+          v-has="['alertRule_add','alertRule_edit',]"
         >
         </top-tool-more-options>
       </template>
@@ -95,6 +96,7 @@
           export-url="/alert/rule/export"
           import-url="/alert/rule/import"
           @afterImport="getTableData"
+          v-has="['alertRule_add','alertRule_edit','alertRule_delete']"
         >
           <template v-slot:before>
             <div>

nezha-fronted/src/components/page/asset/asset.vue

@@ -36,6 +36,7 @@
           export-url="/asset/asset/export"
           import-url="/asset/asset/import"
           @afterImport="getTableData"
+          v-has="['asset_add','asset_edit']"
         >
         </top-tool-more-options>
       </template>
@@ -108,6 +109,7 @@
           export-url="/asset/asset/export"
           import-url="/asset/asset/import"
           @afterImport="getTableData"
+          v-has="['asset_add','asset_edit','asset_delete']"
         >
           <template v-slot:before>
             <div>

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

@@ -36,6 +36,7 @@
           export-url="/dc/export"
           import-url="/dc/import"
           @afterImport="getTableData"
+          v-has="['dc_add','dc_edit']"
         >
         </top-tool-more-options>
       </template>
@@ -101,6 +102,7 @@
           export-url="/dc/export"
           import-url="/dc/import"
           @afterImport="getTableData"
+          v-has="['dc_add','dc_edit','dc_delete']"
         >
           <template v-slot:before>
             <div>

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

@@ -27,6 +27,7 @@
           export-url="/ipam/subnet/export"
           import-url="/ipam/subnet/import"
           @afterImport="getTableData"
+          v-has="['ipam_add','ipam_edit','ipam_delete']"
         >
           <template v-slot:before>
             <div>

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

@@ -27,6 +27,7 @@
           export-url="/asset/model/export"
           import-url="/asset/model/import"
           @afterImport="getTableData"
+          v-has="['model_add','model_edit','model_delete']"
         >
           <template v-slot:before>
             <div>
@@ -104,7 +105,7 @@ export default {
         id: '',
         name: '',
         // chartIds: '',
-        panelId:'',
+        panelId: '',
         sysObjectId: '',
         type: { id: '', name: '' },
         remark: ''

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

@@ -28,6 +28,7 @@
           export-url="/record/rule/export"
           import-url="/record/rule/import"
           @afterImport="getTableData"
+          v-has="['record_rule_add','record_rule_edit','record_rule_delete']"
         >
           <template v-slot:before>
             <div>

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

@@ -26,6 +26,7 @@
           :permissions="{import: 'dashboard_temp_add', export: 'dashboard_temp_edit'}"
           class="top-tool-export margin-r-10"
           @afterImport="getTableData"
+          v-has="['dashboard_temp_add','dashboard_temp_edit','dashboard_temp_delete']"
         >
           <template v-slot:before>
             <div>

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

@@ -24,6 +24,7 @@
           :permissions="{import: 'expressionTemplate_add', export: 'expressionTemplate_edit'}"
           class="top-tool-export margin-l-10 margin-r-10"
           @afterImport="getTableData"
+          v-has="['expressionTemplate_add','expressionTemplate_edit','expressionTemplate_delete']"
         >
           <template v-slot:before>
             <div>

nezha-fronted/src/components/page/dashboard/panel.vue

@@ -87,7 +87,7 @@
                 @afterImport="afterImport"
               >
                 <template v-slot:before>
-                  <el-dropdown-item>
+                  <el-dropdown-item v-has="'main_edit'">
                     <div id="panel-lock" @click="$store.dispatch('dispatchPanelLock',{flag:!panelLock})"><i :class="{'nz-icon nz-icon-lock':!panelLock,'nz-icon nz-icon-unlock':panelLock}"></i>{{!panelLock ? $t('overall.locked') : $t('overall.unlocked')}}</div>
                   </el-dropdown-item>
                 </template>
@@ -95,7 +95,7 @@
                   <!-- <el-dropdown-item v-has="'main_add'">
                     <div id="chart-temp-add" @click="addChartByTemp"><i class="nz-icon nz-icon-add"></i>{{$t('overall.AddByTemplate')}}</div>
                   </el-dropdown-item>
-                  <el-dropdown-item v-has="'panel_view'">
+                  <el-dropdown-item v-has="'main_edit'">
                     <div id="chart-temp-sync" @click="chartBySync"><i class="nz-icon nz-icon-sync"></i>{{ $t('overall.syncChart') }}</div>
                   </el-dropdown-item> -->
                   <el-dropdown-item v-has="'panel_view'">

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

@@ -33,6 +33,7 @@
           export-url="/monitor/endpoint/export"
           import-url="/monitor/endpoint/import"
           @afterImport="getTableData"
+          v-has="['monitor_endpoint_add','monitor_endpoint_edit']"
         >
         </top-tool-more-options>
       </template>
@@ -101,6 +102,7 @@
           export-url="/monitor/endpoint/export"
           import-url="/monitor/endpoint/import"
           @afterImport="getTableData"
+          v-has="['monitor_endpoint_add','monitor_endpoint_edit','monitor_endpoint_delete']"
         >
           <template v-slot:before>
             <div>

nezha-fronted/src/components/page/monitor/module/moduleList.vue

@@ -18,7 +18,7 @@
 <!--        <detailViewTopSearch :selectValue.sync="selectValue" :detailSearchList="detailSearchList" @reload="reloadTable" />-->
       </template>
       <template v-slot:top-tool-right>
-        <button id="asset-create-asset" v-has="'asset_add'" :title="$t('asset.createAsset')" class="top-tool-btn" @click.stop="add">
+        <button id="asset-create-asset" v-has="'monitor_module_add'" :title="$t('asset.createAsset')" class="top-tool-btn" @click.stop="add">
           <i class="nz-icon nz-icon-create-square"></i>
         </button>
        <top-tool-more-options
@@ -27,12 +27,13 @@
           id="model"
           :params="searchLabel"
           :params2="searchCheckBox"
-          :permissions="{import: 'monitor_endpoint_add', export: 'monitor_module_edit'}"
+          :permissions="{import: 'monitor_module_add', export: 'monitor_module_edit'}"
           class="top-tool-export margin-l-10 margin-r-10"
           export-file-name="module"
           export-url="/monitor/module/export"
           import-url="/monitor/module/import"
           @afterImport="getTableData"
+          v-has="['monitor_module_add','monitor_module_edit']"
         >
         </top-tool-more-options>
       </template>
@@ -82,8 +83,7 @@
       @getTableData="getTableData"
     >
       <template v-slot:top-tool-right>
-        <button id="account-add" v-has="'monitor_module_add'" :title="$t('overall.createModule')" class="top-tool-btn"
+        <button id="account-add" v-has="'monitor_module_add'" :title="$t('overall.createModule')" class="top-tool-btn" type="button" @click="add">
-                type="button" @click="add">
           <i class="nz-icon-create-square nz-icon"></i>
         </button>
        <top-tool-more-options
@@ -92,12 +92,13 @@
           id="endpoint-template-list"
           :params="searchLabel"
           :params2="searchCheckBox"
-          :permissions="{import: 'monitor_endpoint_add', export: 'monitor_module_edit'}"
+          :permissions="{import: 'monitor_module_add', export: 'monitor_module_edit'}"
           class="top-tool-export margin-l-10 margin-r-10"
           export-file-name="module"
           export-url="/monitor/module/export"
           import-url="/monitor/module/import"
           @afterImport="getTableData"
+          v-has="['monitor_module_add','monitor_module_edit','monitor_module_delete']"
         >
           <template v-slot:before>
             <div>