| | |
| | | <div class="search_thing"> |
| | | <div class="search_label">仓库名称:</div> |
| | | <div class="search_input"> |
| | | <el-select v-model="entity.status" placeholder="全部" size="small"> |
| | | <el-option |
| | | v-for="item in statusList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | <el-select v-model="entity.warehouseId" placeholder="选择仓库" size="small" @change="warehouseChange"> |
| | | <el-option v-for="item in warehouse" :key="item.id" :label="item.name" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | |
| | | <div class="search_thing"> |
| | | <div class="search_label">货架:</div> |
| | | <div class="search_input"> |
| | | <el-select v-model="entity.status" placeholder="全部" size="small"> |
| | | <el-option |
| | | v-for="item in statusList" |
| | | :key="item.value" |
| | | :label="item.label" |
| | | :value="item.value"> |
| | | <el-select v-model="entity.shelfId" placeholder="选择货架" size="small"> |
| | | <el-option v-for="item in shelf" :key="item.id" :label="item.name" :value="item.id"> |
| | | </el-option> |
| | | </el-select> |
| | | </div> |
| | | </div> |
| | | <div class="search_thing" style="padding-left: 30px;"> |
| | | <!-- <div class="search_thing" style="padding-left: 30px;"> |
| | | <el-button size="small" @click="refresh()">重 置</el-button> |
| | | <el-button size="small" type="primary" @click="refreshTable()">查 询</el-button> |
| | | </div> |
| | | </div> --> |
| | | <div class="btns"> |
| | | <el-button size="small" style="color:#3A7BFA" @click="keepVisible=true">维护</el-button> |
| | | <el-button size="small" style="color:#3A7BFA" @click="warehouseVisible=true">添加仓库</el-button> |
| | | <el-button size="small" style="color:#3A7BFA" @click="shelvesVisible=true">添加货架</el-button> |
| | | <el-button size="small" style="color:#3A7BFA" @click="shelvesVisible=true" |
| | | :disabled="entity.warehouseId==null">添加货架</el-button> |
| | | </div> |
| | | </div> |
| | | <div class="table"> |
| | |
| | | <td v-for="(m,i) in item" :key="i" class="content"> |
| | | <h4>{{ m.title }}</h4> |
| | | <ul> |
| | | <li v-for="(n,j) in m.list" :key="j" :class="{blue:n.type==0,green:n.type==1}" @click="handelDetail(n)"> |
| | | <li v-for="(n,j) in m.list" :key="j" :class="{blue:n.type==0,green:n.type==1}" |
| | | @click="handelDetail(n)"> |
| | | <i></i> |
| | | <span>{{ n.name }}</span> |
| | | <span> ({{ n.specs }}) </span> |
| | |
| | | </td> |
| | | </tr> |
| | | <tr> |
| | | <td v-for="(item,index) in rowList" :key="index" style="background: ghostwhite;height: 20px;">{{ item }}</td> |
| | | <td v-for="(item,index) in rowList" :key="index" style="background: ghostwhite;height: 20px;">{{ item }} |
| | | </td> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | |
| | | </span> |
| | | </el-dialog> |
| | | <el-dialog title="库位维护" :visible.sync="keepVisible" width="350px"> |
| | | <el-tree :data="list" ref="tree" :props="{ children: 'children', label: 'label' }" node-key="label" |
| | | <el-tree :data="warehouse" ref="tree" :props="{ children: 'warehouseShelfList', label: 'name' }" node-key="id" |
| | | :filter-node-method="filterNode" @node-click="handleNodeClick" highlight-current @node-expand="nodeOpen" |
| | | @node-collapse="nodeClose" :default-expanded-keys="expandedKeys" v-if="keepVisible"> |
| | | <div class="custom-tree-node" style="width: 100%;" slot-scope="{ node, data }"> |
| | |
| | | <el-col :span="20"> |
| | | <span><i |
| | | :class="`node_i ${data.children != undefined ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i> |
| | | {{ data.code }} {{ data.label }}</span> |
| | | {{ data.name }}</span> |
| | | </el-col> |
| | | <el-col :span="4" v-if="node.level<3"> |
| | | <el-button |
| | | type="text" |
| | | size="mini" icon="el-icon-edit" @click.stop="handleEdit(data,node.level)"> |
| | | <el-button type="text" size="mini" icon="el-icon-edit" @click.stop="handleEdit(data,node.level)"> |
| | | </el-button> |
| | | <el-button |
| | | type="text" |
| | | size="mini" icon="el-icon-delete" @click.stop="handleDelete(data,node.level)"> |
| | | <el-button type="text" size="mini" icon="el-icon-delete" @click.stop="handleDelete(data,node.level)"> |
| | | </el-button> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | <el-col class="search_thing" :span="24"> |
| | | <div class="search_label"><span class="required-span">* </span>仓库名称:</div> |
| | | <div class="search_input"> |
| | | <el-input v-model="value" size="small"></el-input> |
| | | <el-input v-model="value" size="small" @keyup.enter.native="confirmWarehouse"></el-input> |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | |
| | | }, |
| | | data() { |
| | | return { |
| | | entity: {}, |
| | | statusList:[], |
| | | entity: { |
| | | warehouseId: null, |
| | | shelfId: null |
| | | }, |
| | | warehouse: [], |
| | | shelf: [], |
| | | storageVisible:false, |
| | | exportVisible:false, |
| | | keepVisible:false, |
| | |
| | | upLoadWarehouse:false, |
| | | upLoadShelves:false, |
| | | tableList:[ |
| | | [ |
| | | { |
| | | [{ |
| | | title:'1-1-4', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-2-4', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-3-4', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-4-4', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-5-4', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-6-4', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-7-4', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | ] |
| | | }, |
| | | ], |
| | | [ |
| | | { |
| | | [{ |
| | | title:'1-1-3', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-2-3', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-3-3', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-4-3', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-5-3', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-6-3', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-7-3', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | ] |
| | | }, |
| | | ], |
| | | [ |
| | | { |
| | | [{ |
| | | title:'1-1-2', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-2-2', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-3-2', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-4-2', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-5-2', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-6-2', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-7-2', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | ] |
| | | }, |
| | | ], |
| | | [ |
| | | { |
| | | [{ |
| | | title:'1-1-1', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-2-1', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-3-1', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-4-1', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-5-1', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-6-1', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | }, |
| | | { |
| | | title:'1-7-1', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | name:'原材料', |
| | | specs:'规格1', |
| | | num:20, |
| | |
| | | '7列', |
| | | ], |
| | | value:'', |
| | | list:[ |
| | | { |
| | | list: [{ |
| | | code:1, |
| | | label:'父级', |
| | | children:[ |
| | | { |
| | | children: [{ |
| | | code:1, |
| | | label:'子级1', |
| | | children:[ |
| | | { |
| | | children: [{ |
| | | code:1, |
| | | label:'子级2', |
| | | children:[ |
| | | { |
| | | children: [{ |
| | | code:1, |
| | | label:'子级3', |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | | } |
| | | ] |
| | | } |
| | | ], |
| | | }] |
| | | }] |
| | | }] |
| | | }], |
| | | selectTree: null, |
| | | expandedKeys: [], |
| | | isEdit:false,//弹框--是否是修改,默认为false |
| | |
| | | } |
| | | }, |
| | | mounted() { |
| | | this.selectList() |
| | | }, |
| | | methods: { |
| | | selectList() { |
| | | this.$axios.get(this.$api.warehouse.selectWarehouse).then(res => { |
| | | this.warehouse = res.data |
| | | }) |
| | | }, |
| | | selectStandardTreeList() { |
| | | this.$axios.get(this.$api.standardTree.selectStandardTreeList).then(res => { |
| | | this.list = res.data |
| | |
| | | }) |
| | | }, |
| | | refreshTable() { |
| | | this.$refs['ValueTable'].selectList() |
| | | this.selectList() |
| | | }, |
| | | refresh() { |
| | | this.entity = this.HaveJson(this.entity) |
| | |
| | | return |
| | | } |
| | | this.upLoadWarehouse = true; |
| | | this.$axios.post(this.$api.warehouse.addWarehouse, { |
| | | name: this.value |
| | | }).then(res => { |
| | | this.upLoadWarehouse = false; |
| | | this.warehouseVisible = false |
| | | if (res.code == 201) { |
| | | this.$message.error('添加失败') |
| | | return |
| | | } |
| | | this.$message.success('添加成功') |
| | | this.selectList() |
| | | }) |
| | | }, |
| | | // 添加货架 |
| | | confirmShelves(){ |
| | |
| | | // 查看详情 |
| | | handelDetail(row){ |
| | | this.isDetail = true; |
| | | }, |
| | | warehouseChange(val) { |
| | | let map = this.warehouse.find(a => { |
| | | return a.id === val ? a : null |
| | | }) |
| | | this.shelf = map.warehouseShelfList |
| | | } |
| | | } |
| | | } |