客户端监控管理

src/views/classification/MonitorManagement/index.vue

@@ -317,7 +317,7 @@ onUnmounted(() => {
                     
                     <el-row v-if="editIp">
                         <div v-for="(item, index) in ipList" style="width: 100%;" >
-                            <div class="line">
+                            <div class="line" :class="[index === 0 ? 'nomargin' : '']">
                                 <el-select v-model="item.isEquals" placeholder="请选择" class="putsec">
                                     <el-option label="等于" value="0" />
                                     <el-option label="包含" value="1" />
@@ -344,20 +344,22 @@ onUnmounted(() => {
                     </el-row>
                 </el-form-item>
                 <el-form-item label=" ">
+
+
                 <el-button 
-                    type="primary" 
+                    type="primary" color="rgba(33, 103, 217, 1)"
                     v-if="!editIp"
                     @click="editIp = true">
                     编辑
                 </el-button>
                 <el-button 
-                    type="info" 
+                    type="primary" plain
                     v-if="editIp"
                     @click="handlerCancel">
                     取消
                 </el-button>
                 <el-button 
-                    type="primary"
+                    type="primary" color="rgba(33, 103, 217, 1)"
                     @click="handlerIpsSave" 
                     v-if="editIp">
                     保存配置
@@ -397,9 +399,9 @@ onUnmounted(() => {
                 </el-table-column>
                 <el-table-column prop="insname" label="操作" align="center" width="300">
                     <template #default="{ row }">
-                        <el-button type="text" size="small" @click="handleChange(row)">变更记录</el-button>
-                        <el-button type="text" size="small" @click="handlerError(row)">错误日志</el-button>
-                        <el-button type="text" size="small" @click="handleDelete(row)">删除</el-button>
+                        <el-button type="text" size="small" icon="edit" @click="handleChange(row)">变更记录</el-button>
+                        <el-button type="text" size="small" icon="CircleClose" @click="handlerError(row)">错误日志</el-button>
+                        <el-button type="text" size="small" icon="delete" @click="handleDelete(row)">删除</el-button>
                     </template>
                 </el-table-column>
             </el-table>
@@ -461,4 +463,7 @@ onUnmounted(() => {
     width: 100px;
     margin-right: 10px;
 }
+.nomargin {
+    margin-top: 0;
+}
 </style>