Browse Source
feat(agvStation): 添加AGV站点删除功能
feat(agvStation): 添加AGV站点删除功能
- 新增deleteAgvStation API接口用于删除站点 - 在表格操作列中添加删除按钮,仅对非活跃站点显示 - 实现删除站点的方法,包括二次确认对话框 - 添加删除加载状态控制 - 导入并注册删除站点的API方法master
4 changed files with 422 additions and 5 deletions
-
17src/api/system/importantErrorConfig.js
-
8src/views/modules/check/currentPhysicalInventory.vue
-
365src/views/modules/system/importantErrorConfig.vue
-
37src/views/modules/warehouse/sysErrorLog.vue
@ -0,0 +1,17 @@ |
|||||
|
import { createAPI } from "@/utils/httpRequest.js"; |
||||
|
|
||||
|
// ========== 查询相关 ========== - rqrq
|
||||
|
|
||||
|
// 查询重要错误配置列表 - rqrq
|
||||
|
export const getImportantErrorConfigList = data => createAPI('/api/importantErrorConfig/list', 'POST', data) |
||||
|
|
||||
|
// ========== 保存相关 ========== - rqrq
|
||||
|
|
||||
|
// 新增重要错误配置 - rqrq
|
||||
|
export const addImportantErrorConfig = data => createAPI('/api/importantErrorConfig/add', 'POST', data) |
||||
|
|
||||
|
// 修改重要错误配置 - rqrq
|
||||
|
export const updateImportantErrorConfig = data => createAPI('/api/importantErrorConfig/update', 'POST', data) |
||||
|
|
||||
|
// 删除重要错误配置 - rqrq
|
||||
|
export const deleteImportantErrorConfig = data => createAPI('/api/importantErrorConfig/delete', 'POST', data) |
||||
@ -0,0 +1,365 @@ |
|||||
|
<template> |
||||
|
<div class="mod-config"> |
||||
|
<!-- 查询表单 - rqrq --> |
||||
|
<el-form :inline="true" label-position="top" style="margin-top: 1px; margin-left: 0px;"> |
||||
|
<el-form-item label="工厂编码"> |
||||
|
<el-input v-model="queryData.site" style="width: 120px" placeholder="工厂编码" clearable @keyup.enter.native="getDataList()"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="错误描述"> |
||||
|
<el-input v-model="queryData.searchErrorDesc" style="width: 200px" placeholder="错误描述关键词" clearable @keyup.enter.native="getDataList()"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="是否启用"> |
||||
|
<el-select v-model="queryData.active" style="width: 120px" placeholder="全部" clearable> |
||||
|
<el-option label="启用" value="Y"></el-option> |
||||
|
<el-option label="禁用" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label=" "> |
||||
|
<el-button type="primary" @click="getDataList()">查询</el-button> |
||||
|
<el-button @click="resetQuery()">重置</el-button> |
||||
|
<el-button type="primary" class="yzzButtonAn" @click="addConfig()">新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<!-- 数据表格 - rqrq --> |
||||
|
<el-table |
||||
|
:data="dataList" |
||||
|
:height="height" |
||||
|
border |
||||
|
highlight-current-row |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
prop="id" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
label="ID" |
||||
|
width="80"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="site" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
label="工厂编码" |
||||
|
width="100"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="errorDesc" |
||||
|
header-align="center" |
||||
|
align="left" |
||||
|
label="错误描述关键词" |
||||
|
min-width="200" |
||||
|
show-overflow-tooltip> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="active" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
label="是否启用" |
||||
|
width="100"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-tag |
||||
|
:type="scope.row.active === 'Y' ? 'success' : 'danger'" |
||||
|
size="small"> |
||||
|
{{ scope.row.active === 'Y' ? '启用' : '禁用' }} |
||||
|
</el-tag> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="remark" |
||||
|
header-align="center" |
||||
|
align="left" |
||||
|
label="备注" |
||||
|
min-width="200" |
||||
|
show-overflow-tooltip> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="createdBy" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
label="创建人" |
||||
|
width="100"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="createdTime" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
label="创建时间" |
||||
|
width="160"> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<!-- 操作列 - rqrq --> |
||||
|
<el-table-column |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
fixed="right" |
||||
|
width="150" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a type="text" @click="editConfig(scope.row)">修改</a> |
||||
|
<a type="text" @click="deleteConfig(scope.row)" style="margin-left: 10px;">删除</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<!-- 分页 - rqrq --> |
||||
|
<el-pagination |
||||
|
@size-change="sizeChangeHandle" |
||||
|
@current-change="currentChangeHandle" |
||||
|
:current-page="pageIndex" |
||||
|
:page-sizes="[20, 50, 100, 1000]" |
||||
|
:page-size="pageSize" |
||||
|
:total="totalPage" |
||||
|
layout="total, sizes, prev, pager, next, jumper"> |
||||
|
</el-pagination> |
||||
|
|
||||
|
<!-- 新增/修改弹窗 - rqrq --> |
||||
|
<el-dialog |
||||
|
:title="dialogTitle" |
||||
|
:visible.sync="dialogVisible" |
||||
|
:close-on-click-modal="false" |
||||
|
v-drag |
||||
|
width="700px"> |
||||
|
<el-form :model="formData" :rules="formRules" ref="configForm" label-position="top" style="margin-top: 1px; margin-left: 0px;"> |
||||
|
<el-row :gutter="20"> |
||||
|
<el-col :span="12"> |
||||
|
<el-form-item label="工厂编码" prop="site"> |
||||
|
<el-input v-model="formData.site" placeholder="请输入工厂编码(如:55)"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
<el-col :span="12"> |
||||
|
<el-form-item label="是否启用" prop="active"> |
||||
|
<el-select v-model="formData.active" placeholder="请选择" style="width: 100%"> |
||||
|
<el-option label="启用" value="Y"></el-option> |
||||
|
<el-option label="禁用" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<el-form-item label="错误描述关键词" prop="errorDesc"> |
||||
|
<el-input v-model="formData.errorDesc" placeholder="请输入错误描述关键词(如:栈板不存在、WCS返回失败)"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-row> |
||||
|
<el-col :span="24"> |
||||
|
<el-form-item label="备注说明"> |
||||
|
<el-input v-model="formData.remark" type="textarea" :rows="3" resize='none' placeholder="请输入备注说明"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
|
||||
|
<div slot="footer" class="dialog-footer" style="margin-top: 52px"> |
||||
|
<el-button type="primary" @click="saveConfig" :disabled="saveLoading"> |
||||
|
{{ saveLoading ? '保存中...' : '确定' }} |
||||
|
</el-button> |
||||
|
<el-button @click="dialogVisible = false" :disabled="saveLoading">取消</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
getImportantErrorConfigList, |
||||
|
addImportantErrorConfig, |
||||
|
updateImportantErrorConfig, |
||||
|
deleteImportantErrorConfig |
||||
|
} from '@/api/system/importantErrorConfig.js' |
||||
|
|
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
// 查询条件 - rqrq |
||||
|
queryData: { |
||||
|
site: '', |
||||
|
searchErrorDesc: '', |
||||
|
active: '', |
||||
|
page: 1, |
||||
|
limit: 20 |
||||
|
}, |
||||
|
// 表格高度 - rqrq |
||||
|
height: 450, |
||||
|
// 数据列表 - rqrq |
||||
|
dataList: [], |
||||
|
// 分页参数 - rqrq |
||||
|
pageIndex: 1, |
||||
|
pageSize: 20, |
||||
|
totalPage: 0, |
||||
|
dataListLoading: false, |
||||
|
// 弹窗相关 - rqrq |
||||
|
dialogVisible: false, |
||||
|
dialogTitle: '', |
||||
|
dialogType: '', // add 或 edit |
||||
|
formData: {}, |
||||
|
formRules: { |
||||
|
site: [ |
||||
|
{ required: true, message: '请输入工厂编码', trigger: 'blur' } |
||||
|
], |
||||
|
errorDesc: [ |
||||
|
{ required: true, message: '请输入错误描述关键词', trigger: 'blur' } |
||||
|
], |
||||
|
active: [ |
||||
|
{ required: true, message: '请选择是否启用', trigger: 'change' } |
||||
|
] |
||||
|
}, |
||||
|
saveLoading: false, |
||||
|
deleteLoading: false |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$nextTick(() => { |
||||
|
// 计算表格高度 - rqrq |
||||
|
this.height = window.innerHeight - 220; |
||||
|
}) |
||||
|
}, |
||||
|
activated() { |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
methods: { |
||||
|
// 获取数据列表 - rqrq |
||||
|
getDataList() { |
||||
|
this.dataListLoading = true |
||||
|
this.queryData.page = this.pageIndex |
||||
|
this.queryData.limit = this.pageSize |
||||
|
|
||||
|
getImportantErrorConfigList(this.queryData).then(({data}) => { |
||||
|
this.dataListLoading = false |
||||
|
if (data && data.code === 0) { |
||||
|
this.dataList = data.page.list || [] |
||||
|
this.totalPage = data.page.totalCount || 0 |
||||
|
} else { |
||||
|
this.dataList = [] |
||||
|
this.totalPage = 0 |
||||
|
this.$alert(data.msg || '查询失败', '错误', { confirmButtonText: '确定' }) |
||||
|
} |
||||
|
}).catch(error => { |
||||
|
this.dataListLoading = false |
||||
|
console.error('查询重要错误配置列表失败:', error) |
||||
|
this.$alert('查询失败', '错误', { confirmButtonText: '确定' }) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 重置查询条件 - rqrq |
||||
|
resetQuery() { |
||||
|
this.queryData = { |
||||
|
site: '', |
||||
|
searchErrorDesc: '', |
||||
|
active: '', |
||||
|
page: 1, |
||||
|
limit: 20 |
||||
|
} |
||||
|
this.pageIndex = 1 |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
|
||||
|
// 每页数量变化 - rqrq |
||||
|
sizeChangeHandle(val) { |
||||
|
this.pageSize = val |
||||
|
this.pageIndex = 1 |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
|
||||
|
// 当前页变化 - rqrq |
||||
|
currentChangeHandle(val) { |
||||
|
this.pageIndex = val |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
|
||||
|
// 新增配置 - rqrq |
||||
|
addConfig() { |
||||
|
this.dialogTitle = '新增重要错误配置' |
||||
|
this.dialogType = 'add' |
||||
|
this.formData = { |
||||
|
site: this.$store.state.user.site || '55', |
||||
|
errorDesc: '', |
||||
|
active: 'Y', |
||||
|
remark: '' |
||||
|
} |
||||
|
this.dialogVisible = true |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.configForm.clearValidate() |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 修改配置 - rqrq |
||||
|
editConfig(row) { |
||||
|
this.dialogTitle = '修改重要错误配置' |
||||
|
this.dialogType = 'edit' |
||||
|
this.formData = Object.assign({}, row) |
||||
|
this.dialogVisible = true |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.configForm.clearValidate() |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 保存配置 - rqrq |
||||
|
saveConfig() { |
||||
|
this.$refs.configForm.validate((valid) => { |
||||
|
if (!valid) { |
||||
|
return |
||||
|
} |
||||
|
this.saveLoading = true |
||||
|
|
||||
|
const apiMethod = this.dialogType === 'add' ? addImportantErrorConfig : updateImportantErrorConfig |
||||
|
|
||||
|
apiMethod(this.formData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.$message.success(this.dialogType === 'add' ? '新增成功' : '修改成功') |
||||
|
this.dialogVisible = false |
||||
|
this.getDataList() |
||||
|
} else { |
||||
|
this.$alert(data.msg || '操作失败', '错误') |
||||
|
} |
||||
|
}).catch(error => { |
||||
|
console.error('保存重要错误配置失败:', error) |
||||
|
this.$alert('保存失败', '错误', { confirmButtonText: '确定' }) |
||||
|
}).finally(() => { |
||||
|
this.saveLoading = false |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 删除配置 - rqrq |
||||
|
deleteConfig(row) { |
||||
|
// 二次确认 - rqrq |
||||
|
this.$confirm(`确定要删除错误描述 "${row.errorDesc}" 的配置吗?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
this.deleteLoading = true |
||||
|
|
||||
|
deleteImportantErrorConfig({ id: row.id }).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.$message.success('删除成功') |
||||
|
this.getDataList() |
||||
|
} else { |
||||
|
this.$alert(data.msg || '删除失败', '错误') |
||||
|
} |
||||
|
}).catch(error => { |
||||
|
console.error('删除重要错误配置失败:', error) |
||||
|
this.$message.error('删除失败') |
||||
|
}).finally(() => { |
||||
|
this.deleteLoading = false |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
// 用户取消删除 - rqrq |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
/* 表格样式优化 - rqrq */ |
||||
|
.mod-config { |
||||
|
padding: 10px; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue