+
+
+
+ {{ item.name }}
+ [{{ item.key }}]
+
+
+
+
+
+
+
+
+
+
+
+```
+
+**新增方法**:
+```javascript
+methods: {
+ handleDeleteConfig() {
+ // 双重校验:前端再次确认权限(防御性编程)
+ if (!this.isLogAdmin) {
+ this.$Message.error('无权限操作,仅管理员可删除配置参数');
+ return;
+ }
+
+ // 弹出确认对话框
+ this.$Modal.confirm({
+ title: '确认删除配置参数',
+ content: `删除配置参数 ${this.item.name}(${this.item.key}) 将会影响用户使用此配置,且不可恢复。是否确认删除?`,
+ okText: '确认删除',
+ cancelText: '取消',
+ onOk: () => {
+ // 触发删除事件,传递配置项数据
+ this.$emit('delete-config-item', this.item);
+ }
+ });
+ }
+}
+```
+
+**样式设计**:
+```scss
+.we-variable-content-item {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 8px;
+
+ .delete-config-icon {
+ flex-shrink: 0;
+ cursor: pointer;
+ transition: all 0.3s ease;
+ opacity: 0.7;
+
+ &:hover {
+ opacity: 1;
+ transform: scale(1.15);
+ color: #f5222d;
+ }
+
+ &:active {
+ transform: scale(0.95);
+ }
+ }
+}
+```
+
+#### 3.2.2 Setting组件改造
+
+**文件路径**: `linkis-web/src/apps/linkis/module/setting/setting.vue`
+
+**模板修改**:
+```vue
+