4 changed files with 723 additions and 51 deletions
-
95src/api/warehouse/availabilityControlId.js
-
6src/api/warehouse/changeHUSpecialItem.js
-
324src/views/modules/warehouse/availabilityControlId.vue
-
349src/views/modules/warehouse/changeHUSpecialItem.vue
@ -0,0 +1,95 @@ |
|||||
|
/** |
||||
|
* 可用性控制ID API - rqrq |
||||
|
* @date 2025/12/02 |
||||
|
*/ |
||||
|
import httpRequest from '@/utils/httpRequest' |
||||
|
|
||||
|
/** |
||||
|
* 查询列表（不分页）- rqrq |
||||
|
* @param {Object} data 查询条件 |
||||
|
* @returns {Promise} |
||||
|
*/ |
||||
|
export function list(data) { |
||||
|
return httpRequest({ |
||||
|
url: httpRequest.adornUrl('/warehouse/availabilityControlId/list'), |
||||
|
method: 'post', |
||||
|
data: httpRequest.adornData(data) |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 查询启用的列表（用于下拉选择）- rqrq |
||||
|
* @returns {Promise} |
||||
|
*/ |
||||
|
export function activeList() { |
||||
|
return httpRequest({ |
||||
|
url: httpRequest.adornUrl('/warehouse/availabilityControlId/activeList'), |
||||
|
method: 'post', |
||||
|
data: httpRequest.adornData({}) |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 根据ID查询描述 - rqrq |
||||
|
* @param {String} availabilityControlId 可用性控制ID |
||||
|
* @returns {Promise} |
||||
|
*/ |
||||
|
export function getDescById(availabilityControlId) { |
||||
|
return httpRequest({ |
||||
|
url: httpRequest.adornUrl('/warehouse/availabilityControlId/getDescById'), |
||||
|
method: 'post', |
||||
|
data: httpRequest.adornData({ availabilityControlId }) |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 获取详情 - rqrq |
||||
|
* @param {Number} id 主键ID |
||||
|
* @returns {Promise} |
||||
|
*/ |
||||
|
export function info(id) { |
||||
|
return httpRequest({ |
||||
|
url: httpRequest.adornUrl(`/warehouse/availabilityControlId/info/${id}`), |
||||
|
method: 'get' |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 保存 - rqrq |
||||
|
* @param {Object} data 实体数据 |
||||
|
* @returns {Promise} |
||||
|
*/ |
||||
|
export function save(data) { |
||||
|
return httpRequest({ |
||||
|
url: httpRequest.adornUrl('/warehouse/availabilityControlId/save'), |
||||
|
method: 'post', |
||||
|
data: httpRequest.adornData(data) |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 更新 - rqrq |
||||
|
* @param {Object} data 实体数据 |
||||
|
* @returns {Promise} |
||||
|
*/ |
||||
|
export function update(data) { |
||||
|
return httpRequest({ |
||||
|
url: httpRequest.adornUrl('/warehouse/availabilityControlId/update'), |
||||
|
method: 'post', |
||||
|
data: httpRequest.adornData(data) |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* 删除 - rqrq |
||||
|
* @param {Number} id 主键ID |
||||
|
* @returns {Promise} |
||||
|
*/ |
||||
|
export function deleteById(id) { |
||||
|
return httpRequest({ |
||||
|
url: httpRequest.adornUrl('/warehouse/availabilityControlId/delete'), |
||||
|
method: 'post', |
||||
|
data: httpRequest.adornData({ id }) |
||||
|
}) |
||||
|
} |
||||
|
|
||||
@ -0,0 +1,324 @@ |
|||||
|
<template> |
||||
|
<div class="mod-config yzz"> |
||||
|
<!-- 查询表单 - rqrq --> |
||||
|
<el-form :inline="true" label-position="top"> |
||||
|
<el-form-item label="可用性控制ID"> |
||||
|
<el-input style="width: 150px;" v-model="queryData.searchAvailabilityControlId" placeholder="请输入" @keyup.enter.native="getDataList()" clearable></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="描述"> |
||||
|
<el-input style="width: 150px;" v-model="queryData.searchAvailabilityControlDesc" placeholder="请输入" @keyup.enter.native="getDataList()" clearable></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="状态"> |
||||
|
<el-select v-model="queryData.searchActive" placeholder="请选择" style="width: 120px;" clearable> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option label="启用" value="Y"></el-option> |
||||
|
<el-option label="禁用" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item style="margin-top: 20px;"> |
||||
|
<el-button @click="getDataList()" type="primary">查询</el-button> |
||||
|
<el-button @click="resetQuery()" type="default">重置</el-button> |
||||
|
<el-button @click="openAddDialog()" type="primary" class="yzzButtonAn">新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<!-- 数据表格 - rqrq --> |
||||
|
<el-table |
||||
|
:height="height" |
||||
|
:data="dataList" |
||||
|
border |
||||
|
highlight-current-row |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%; margin-top: 3px"> |
||||
|
|
||||
|
<el-table-column |
||||
|
prop="availabilityControlId" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
label="可用性控制ID" |
||||
|
min-width="150"> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column |
||||
|
prop="availabilityControlDesc" |
||||
|
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="状态" |
||||
|
min-width="80"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span :style="{ color: scope.row.active === 'Y' ? '#67C23A' : '#F56C6C' }"> |
||||
|
{{ scope.row.active === 'Y' ? '启用' : '禁用' }} |
||||
|
</span> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column |
||||
|
prop="createdBy" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
label="创建人" |
||||
|
min-width="100"> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column |
||||
|
prop="createdTime" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
label="创建时间" |
||||
|
min-width="150"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ formatDate(scope.row.createdTime) }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column |
||||
|
prop="updatedBy" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
label="修改人" |
||||
|
min-width="100"> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column |
||||
|
prop="updatedTime" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
label="修改时间" |
||||
|
min-width="150"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{ formatDate(scope.row.updatedTime) }} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column |
||||
|
label="操作" |
||||
|
min-width="120" |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a @click="openEditDialog(scope.row)" type="primary" style="margin-right: 10px;">编辑</a> |
||||
|
<a @click="handleDelete(scope.row)" type="primary" style="color: #F56C6C;">删除</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<!-- 新增/编辑弹窗 - rqrq --> |
||||
|
<el-dialog |
||||
|
:title="dialogType === 'add' ? '新增可用性控制ID' : '编辑可用性控制ID'" |
||||
|
:visible.sync="dialogVisible" |
||||
|
:close-on-click-modal="false" |
||||
|
v-drag |
||||
|
width="500px"> |
||||
|
|
||||
|
<el-form :model="formData" ref="dataForm" label-position="top" style="margin-top: 1px;"> |
||||
|
<el-row :gutter="20"> |
||||
|
<el-col :span="24"> |
||||
|
<el-form-item label="可用性控制ID" required> |
||||
|
<el-input v-model="formData.availabilityControlId" placeholder="请输入可用性控制ID" :disabled="dialogType === 'edit'"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-row :gutter="20"> |
||||
|
<el-col :span="24"> |
||||
|
<el-form-item label="描述"> |
||||
|
<el-input v-model="formData.availabilityControlDesc" placeholder="请输入描述"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-row :gutter="20"> |
||||
|
<el-col :span="24"> |
||||
|
<el-form-item label="状态"> |
||||
|
<el-radio-group v-model="formData.active"> |
||||
|
<el-radio label="Y">启用</el-radio> |
||||
|
<el-radio label="N">禁用</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
</el-col> |
||||
|
</el-row> |
||||
|
</el-form> |
||||
|
|
||||
|
<div slot="footer" class="dialog-footer"> |
||||
|
<el-button type="primary" @click="handleSave" :disabled="saveLoading"> |
||||
|
{{ saveLoading ? '保存中...' : '保存' }} |
||||
|
</el-button> |
||||
|
<el-button @click="dialogVisible = false" :disabled="saveLoading">取消</el-button> |
||||
|
</div> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { list, save, update, deleteById } from '@/api/warehouse/availabilityControlId' |
||||
|
|
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
// 页面状态 - rqrq |
||||
|
height: 500, |
||||
|
dataListLoading: false, |
||||
|
|
||||
|
// 弹窗状态 - rqrq |
||||
|
dialogVisible: false, |
||||
|
dialogType: 'add', // add 或 edit |
||||
|
saveLoading: false, |
||||
|
|
||||
|
// 数据列表 - rqrq |
||||
|
dataList: [], |
||||
|
|
||||
|
// 查询条件 - rqrq |
||||
|
queryData: { |
||||
|
searchAvailabilityControlId: '', |
||||
|
searchAvailabilityControlDesc: '', |
||||
|
searchActive: '' |
||||
|
}, |
||||
|
|
||||
|
// 表单数据 - rqrq |
||||
|
formData: { |
||||
|
id: null, |
||||
|
availabilityControlId: '', |
||||
|
availabilityControlDesc: '', |
||||
|
active: 'Y' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$nextTick(() => { |
||||
|
this.height = window.innerHeight - 200 |
||||
|
}) |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
methods: { |
||||
|
// 查询列表数据 - rqrq |
||||
|
getDataList() { |
||||
|
this.dataListLoading = true |
||||
|
list(this.queryData).then(({ data }) => { |
||||
|
this.dataListLoading = false |
||||
|
if (data && data.code == 0) { |
||||
|
this.dataList = data.rows || [] |
||||
|
} else { |
||||
|
this.dataList = [] |
||||
|
this.$message.error(data.msg || '查询失败') |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
this.dataListLoading = false |
||||
|
this.$message.error('查询失败') |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 重置查询条件 - rqrq |
||||
|
resetQuery() { |
||||
|
this.queryData = { |
||||
|
searchAvailabilityControlId: '', |
||||
|
searchAvailabilityControlDesc: '', |
||||
|
searchActive: '' |
||||
|
} |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
|
||||
|
// 打开新增弹窗 - rqrq |
||||
|
openAddDialog() { |
||||
|
this.dialogType = 'add' |
||||
|
this.formData = { |
||||
|
id: null, |
||||
|
availabilityControlId: '', |
||||
|
availabilityControlDesc: '', |
||||
|
active: 'Y' |
||||
|
} |
||||
|
this.dialogVisible = true |
||||
|
}, |
||||
|
|
||||
|
// 打开编辑弹窗 - rqrq |
||||
|
openEditDialog(row) { |
||||
|
this.dialogType = 'edit' |
||||
|
this.formData = { |
||||
|
id: row.id, |
||||
|
availabilityControlId: row.availabilityControlId, |
||||
|
availabilityControlDesc: row.availabilityControlDesc, |
||||
|
active: row.active |
||||
|
} |
||||
|
this.dialogVisible = true |
||||
|
}, |
||||
|
|
||||
|
// 保存 - rqrq |
||||
|
handleSave() { |
||||
|
// 参数校验 - rqrq |
||||
|
if (!this.formData.availabilityControlId) { |
||||
|
this.$message.warning('请输入可用性控制ID') |
||||
|
return |
||||
|
} |
||||
|
|
||||
|
this.saveLoading = true |
||||
|
|
||||
|
const apiMethod = this.dialogType === 'add' ? save : update |
||||
|
|
||||
|
apiMethod(this.formData).then(({ data }) => { |
||||
|
if (data && data.code == 0) { |
||||
|
this.$message.success('保存成功') |
||||
|
this.dialogVisible = false |
||||
|
this.getDataList() |
||||
|
} else { |
||||
|
this.$alert(data.msg || '保存失败', '提示', { type: 'error' }) |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
this.$message.error('保存失败') |
||||
|
}).finally(() => { |
||||
|
this.saveLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 删除 - rqrq |
||||
|
handleDelete(row) { |
||||
|
this.$confirm(`确定要删除 [${row.availabilityControlId}] 吗？`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
deleteById(row.id).then(({ data }) => { |
||||
|
if (data && data.code == 0) { |
||||
|
this.$message.success('删除成功') |
||||
|
this.getDataList() |
||||
|
} else { |
||||
|
this.$alert(data.msg || '删除失败', '提示', { type: 'error' }) |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
this.$message.error('删除失败') |
||||
|
}) |
||||
|
}).catch(() => {}) |
||||
|
}, |
||||
|
|
||||
|
// 格式化日期 - rqrq |
||||
|
formatDate(dateStr) { |
||||
|
if (!dateStr) return '' |
||||
|
const date = new Date(dateStr) |
||||
|
const year = date.getFullYear() |
||||
|
const month = String(date.getMonth() + 1).padStart(2, '0') |
||||
|
const day = String(date.getDate()).padStart(2, '0') |
||||
|
const hours = String(date.getHours()).padStart(2, '0') |
||||
|
const minutes = String(date.getMinutes()).padStart(2, '0') |
||||
|
const seconds = String(date.getSeconds()).padStart(2, '0') |
||||
|
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}` |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
/* 按钮禁用样式 - rqrq */ |
||||
|
.el-button:disabled { |
||||
|
opacity: 0.6; |
||||
|
cursor: not-allowed; |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue