| | |
|---|
| | | <!-- |
|---|
| | | * @Date: 2024-05-07 22:46:30 |
|---|
| | | * @LastEditors: Sneed |
|---|
| | | * @LastEditTime: 2024-05-07 22:46:44 |
|---|
| | | * @LastEditTime: 2024-05-11 20:53:42 |
|---|
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/console/basic-data/material-warehousing-data/material-storage.vue |
|---|
| | | --> |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | 物料存放 |
|---|
| | | </div> |
|---|
| | | <el-main style="height: 100%;"> |
|---|
| | | <el-card shadow="never" style="height: 100%;" body-style="height: 100%"> |
|---|
| | | <el-containter> |
|---|
| | | <el-header> |
|---|
| | | <import-table style="margin:0 8px" :exportUrl="exportUrl" :uploadUrl="uploadUrl"></import-table> |
|---|
| | | </el-header> |
|---|
| | | <el-main> |
|---|
| | | <el-container> |
|---|
| | | <el-aside width="200px" v-loading="showGrouploading"> |
|---|
| | | <el-tree default-expand-all ref="group" node-key="id" :data="treeData" :props="props" |
|---|
| | | @node-click="nodeClick"> |
|---|
| | | <template #default="{ node, data }"> |
|---|
| | | <span class="custom-tree-node"> |
|---|
| | | <span :class="data.isArea ? 'treedisabled' : ''">{{ |
|---|
| | | node.label }}</span> |
|---|
| | | </span> |
|---|
| | | </template> |
|---|
| | | </el-tree> |
|---|
| | | </el-aside> |
|---|
| | | <el-container> |
|---|
| | | <el-main v-if="selectNode?.id"> |
|---|
| | | <el-row> |
|---|
| | | <el-col :span="4"> |
|---|
| | | 库位编号: {{ selectNode.warehouseCode }} |
|---|
| | | </el-col> |
|---|
| | | <el-col :span="4"> |
|---|
| | | 库位名称: {{ selectNode.warehouseName }} |
|---|
| | | </el-col> |
|---|
| | | <el-col :span="4"> |
|---|
| | | 库位描述: {{ selectNode.remark }} |
|---|
| | | </el-col> |
|---|
| | | </el-row> |
|---|
| | | <el-row style="margin-top: 10px;"> |
|---|
| | | <el-col> |
|---|
| | | <el-button @click="table_add" type="primary" |
|---|
| | | icon="el-icon-plus">添加物料</el-button> |
|---|
| | | </el-col> |
|---|
| | | <el-col style="margin-top: 10px;"> |
|---|
| | | <scTable ref="table" @selection-change="handleSelectionChange" row-key="id" |
|---|
| | | border :params="params" :apiObj="apiObj" stripe @dataChange="dataChange"> |
|---|
| | | <!-- <el-table-column type="selection" width="55" /> --> |
|---|
| | | <el-table-column prop="materialCode" label="物料编号" /> |
|---|
| | | <el-table-column prop="materialName" label="物料名称" /> |
|---|
| | | <el-table-column prop="standardModel" label="规格" /> |
|---|
| | | <el-table-column prop="unit" label="计量单位" /> |
|---|
| | | <el-table-column prop="typeName" label="物料类型" /> |
|---|
| | | <el-table-column prop="stuff" label="材质" /> |
|---|
| | | <el-table-column prop="property" label="物料属性"> |
|---|
| | | <template #default="scope"> |
|---|
| | | {{ this.options.property.find(v => v.value == |
|---|
| | | scope.row.property)?.label |
|---|
| | | }} |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column prop="isMustCheckName" label="是否必检"> |
|---|
| | | <template #default="scope"> |
|---|
| | | {{ scope.row.isMustCheck == 1 ? '是' : '否' }} |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | <el-table-column prop="lowerLimit" label="额定库存" /> |
|---|
| | | <el-table-column prop="upperLimit" label="安全库存" /> |
|---|
| | | |
|---|
| | | <el-table-column label="操作" fixed="right" align="left" width="160"> |
|---|
| | | <template #default="scope"> |
|---|
| | | <el-button-group> |
|---|
| | | <el-popconfirm width="220" title="确定将选择的数据删除" |
|---|
| | | @confirm="table_del([scope.row], '0')"> |
|---|
| | | <template #reference> |
|---|
| | | <el-button text type="primary" |
|---|
| | | size="small">删除</el-button> |
|---|
| | | </template> |
|---|
| | | </el-popconfirm> |
|---|
| | | </el-button-group> |
|---|
| | | </template> |
|---|
| | | </el-table-column> |
|---|
| | | </scTable> |
|---|
| | | </el-col> |
|---|
| | | |
|---|
| | | </el-row> |
|---|
| | | </el-main> |
|---|
| | | <el-main v-else> |
|---|
| | | <el-empty description="" /> |
|---|
| | | </el-main> |
|---|
| | | </el-container> |
|---|
| | | </el-container> |
|---|
| | | </el-main> |
|---|
| | | </el-containter> |
|---|
| | | </el-card> |
|---|
| | | <el-dialog v-model="dialogVisible" title="添加" width="500"> |
|---|
| | | <el-select v-model="materialIds"> |
|---|
| | | <template #prefix> |
|---|
| | | 物料编号 |
|---|
| | | </template> |
|---|
| | | <el-option v-for="item in todoList" :key="item.value" :label="item.code" :value="item.id" /> |
|---|
| | | </el-select> |
|---|
| | | <template #footer> |
|---|
| | | <div class="dialog-footer"> |
|---|
| | | <el-button type="primary" @click="add"> |
|---|
| | | 确定 |
|---|
| | | </el-button> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | </el-dialog> |
|---|
| | | </el-main> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | import importTable from '@/layout/components/importTable.vue' |
|---|
| | | export default { |
|---|
| | | components: { |
|---|
| | | importTable, |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | selectNode(val) { |
|---|
| | | this.params.wareId = val?.id |
|---|
| | | this.$refs?.table?.reload() |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | options: { |
|---|
| | | |
|---|
| | | }, |
|---|
| | | props: { |
|---|
| | | label: 'name', |
|---|
| | | disabled: 'isArea' |
|---|
| | | }, |
|---|
| | | exportUrl: '/api/blade-cps/material-storage/excel/template', |
|---|
| | | uploadUrl: '/api/blade-cps/material-storage/excel/import', |
|---|
| | | treeData: [], |
|---|
| | | selectNode: {}, |
|---|
| | | apiObj: { |
|---|
| | | get: async (data) => { |
|---|
| | | let params = { |
|---|
| | | ...data, |
|---|
| | | wareId: this.selectNode.id |
|---|
| | | } |
|---|
| | | return await this.$HTTP.post(`/api/blade-cps/material-storage/page`, {}, { params }).then(res => { |
|---|
| | | return res |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | params: { |
|---|
| | | wareId: '' |
|---|
| | | }, |
|---|
| | | todoList: [], |
|---|
| | | dialogVisible: false, |
|---|
| | | materialIds: '' |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | created() { |
|---|
| | | this.init() |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | init() { |
|---|
| | | this.$HTTP.get(`/api/blade-cps/tray-storage/tree`).then(res => { |
|---|
| | | this.treeData = res.data |
|---|
| | | }) |
|---|
| | | this.$HTTP.get(`/api/blade-cps/material-type/list`).then(res => { |
|---|
| | | this.options.typeId = res.data.map(item => ({ |
|---|
| | | label: item.name, |
|---|
| | | value: item.id |
|---|
| | | })) |
|---|
| | | }) |
|---|
| | | this.$HTTP.get(`/api/blade-system/dict/dictionary?code=material_property`).then(res => { |
|---|
| | | this.options.property = res.data.map(item => ({ |
|---|
| | | label: item.dictValue, |
|---|
| | | value: item.dictKey - 0 |
|---|
| | | })) |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | nodeClick(node) { |
|---|
| | | if (node.isArea) return |
|---|
| | | this.queryInfo(node.id) |
|---|
| | | }, |
|---|
| | | queryInfo(id) { |
|---|
| | | this.$HTTP.get(`/api/blade-cps/warehouse-station/get/${id}`).then(res => { |
|---|
| | | this.selectNode = res.data |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | table_add() { |
|---|
| | | this.$HTTP.get(`/api/blade-cps/material-storage/material/not-bind`).then(res => { |
|---|
| | | if (res.data?.length > 0) { |
|---|
| | | this.todoList = res.data |
|---|
| | | this.dialogVisible = true |
|---|
| | | } else { |
|---|
| | | this.$message.warning("暂无可添加物料") |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | add() { |
|---|
| | | this.$HTTP.post(`/api/blade-cps/material-storage`, { warehouseStationId: this.selectNode.id, materialIds: [this.materialIds] }).then(res => { |
|---|
| | | this.$message.success("操作成功") |
|---|
| | | this.dialogVisible = false |
|---|
| | | this.$refs.table.reload() |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | table_del(ids) { |
|---|
| | | this.$HTTP.delete(`/api/blade-cps/material-storage`, ids.map(v => v.id)).then(res => { |
|---|
| | | this.$message.success("操作成功") |
|---|
| | | this.$refs.table.reload() |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="scss" scoped></style> |
|---|
| | | <style lang="scss" scoped> |
|---|
| | | .treedisabled { |
|---|
| | | color: #ccc; |
|---|
| | | } |
|---|
| | | </style> |
|---|
