From 8cda8919c95177c0789a8193799a980c1667a548 Mon Sep 17 00:00:00 2001
From: spring <2396852758@qq.com>
Date: 星期二, 18 二月 2025 13:31:03 +0800
Subject: [PATCH] 样品管理页面刷新
---
src/components/view/b1-sample.vue | 1052 ++++++++++++++++++++++++++--------------------------------
1 files changed, 473 insertions(+), 579 deletions(-)
diff --git a/src/components/view/b1-sample.vue b/src/components/view/b1-sample.vue
index 8a51fd8..244755c 100644
--- a/src/components/view/b1-sample.vue
+++ b/src/components/view/b1-sample.vue
@@ -34,6 +34,7 @@
width: calc(100% - 40px);
height: calc(100% - 60px - 80px - 10px - 40px);
padding: 20px;
+ overflow-y: auto;
}
.el-form-item {
@@ -65,6 +66,8 @@
vertical-align: top;
border-color: rgb(192, 191, 191) !important;
padding: 5px;
+ box-sizing: border-box;
+ height: 120px;
}
.tables ul {
@@ -82,6 +85,9 @@
justify-content: start;
color: #333333;
cursor: pointer;
+ overflow: hidden; /*瓒呭嚭閮ㄥ垎闅愯棌*/
+ white-space: nowrap; /*绂佹鎹㈣*/
+ text-overflow: ellipsis; /*鐪佺暐鍙�*/
}
.tables h4 {
@@ -99,15 +105,15 @@
margin-right: 6px;
}
- .blue {
+ li:hover {
background: rgba(58, 123, 250, 0.18);
}
- .blue i {
+ li:hover i {
background: #3A7BFA;
}
- .blue .num {
+ li:hover .num {
color: #3A7BFA;
}
@@ -150,6 +156,9 @@
.custom-tree-node:hover .el-button {
opacity: 1;
}
+ >>>.el-loading-mask {
+ z-index: 10;
+ }
</style>
<template>
@@ -157,7 +166,7 @@
<div style="width: 100%;height: 100%;" v-if="!isDetail">
<div>
<el-row class="title">
- <el-col :span="12" style="padding-left: 20px;">鏍峰搧绠＄悊</el-col>
+ <el-col :span="12" style="padding-left: 20px;text-align: left;">鏍峰搧绠＄悊</el-col>
<el-col :span="12" style="text-align: right;">
<el-button size="small" type="primary" @click="storageVisible=true">鍏ュ簱</el-button>
<el-button size="small" type="primary" @click="exportVisible=true">鍑哄簱</el-button>
@@ -177,11 +186,23 @@
<div class="search_thing">
<div class="search_label">璐ф灦锛�</div>
<div class="search_input">
- <el-select v-model="entity.shelfId" placeholder="閫夋嫨璐ф灦" size="small">
+ <el-select v-model="entity.shelfId" placeholder="閫夋嫨璐ф灦" size="small" @change="handleShelf">
<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">
+ <div class="search_label">鏍峰搧缂栧彿锛�</div>
+ <div class="search_input">
+ <el-input placeholder="璇疯緭鍏ユ牱鍝佺紪鍙�" v-model="searchSampleCode" size="small" autocomplete="off" ref="organization" readonly="readonly" @focus="remove('organization')" @blur="setType('organization')">
+ <!-- <el-button slot="append" icon="el-icon-search" @click="handleSearch"></el-button> -->
+ </el-input>
+ </div>
+ </div>
+ <div class="search_thing">
+ <el-button size="small" @click="handleShelf(entity.shelfId,''),searchSampleCode=''">閲嶇疆</el-button>
+ <el-button size="small" type="primary" @click="handleShelf(entity.shelfId,searchSampleCode)">鏌ヨ</el-button>
</div>
<!-- <div class="search_thing" style="padding-left: 30px;">
<el-button size="small" @click="refresh()">閲� 缃�</el-button>
@@ -189,25 +210,33 @@
</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 size="small" style="color:#3A7BFA" @click="warehouseVisible=true,isEdit=false">娣诲姞浠撳簱</el-button>
+ <el-button size="small" style="color:#3A7BFA" @click="shelvesVisible=true,isEdit=false"
:disabled="entity.warehouseId==null">娣诲姞璐ф灦</el-button>
</div>
</div>
- <div class="table">
- <table border="1" class="tables" cellpadding="10">
+ <div class="table" v-loading="tableLoading">
+ <table border="1" class="tables" cellpadding="10" style="table-layout:fixed;" v-if="tableList.length>0">
<tbody>
<tr v-for="(item,index) in tableList" :key="index">
<td v-for="(m,i) in item" :key="i" class="content">
- <h4>{{ m.title }}</h4>
+ <h4 v-if="m.row!=undefined">{{ m.row }} - {{ m.col }}</h4>
<ul>
- <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>
- <span class="num"> x{{ n.num }}</span>
- </li>
+ <el-tooltip
+ effect="dark"
+ placement="top"
+ v-for="(n,j) in m.samples"
+ :key="j" :disabled="`${n.sample}${n.model}`.length<5">
+ <div slot="content"><span>{{ n.sample }}</span>
+ <span> ({{ n.model }}) [{{ n.sampleCode }}]</span></div>
+ <li class="green"
+ @click="handelDetail(n)">
+ <i></i>
+ <span>{{ n.sample }}</span>
+ <span> ({{ n.model }}) [{{ n.sampleCode }}]</span>
+ <!-- <span class="num"> x{{ n.num }}</span> -->
+ </li>
+ </el-tooltip>
</ul>
</td>
</tr>
@@ -217,31 +246,44 @@
</tr>
</tbody>
</table>
+ <span v-else style="color: rgb(144, 147, 153);display: inline-block;position: absolute;top: 60%;left: 50%;transform: translate(-50%,-50%);">鏆傛棤鏁版嵁</span>
</div>
</div>
- <Detail v-else @hanldeBack="isDetail=false" />
+ <Detail v-else @hanldeBack="isDetail=false" :id="currentId" />
<el-dialog title="鏍峰搧鍏ュ簱" :visible.sync="storageVisible" width="350px">
- <div class="shaoma">
+ <!-- <div class="shaoma">
<img src="../../../static/img/鎵爜.svg" alt="" style="margin-right: 5px;">
<span>鎵爜鍏ュ簱</span>
- </div>
+ </div> -->
<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="sampleCode" size="small" @change="sampleCodeChange" :disabled="sampleCodeBtnDisabled">
+ <el-tooltip :content="sampleCodeBtnDisabled?'鎵嬪姩杈撳叆':'鎵爜鏋緭鍏�'" placement="top" slot="append">
+ <el-button type="primary" icon="el-icon-edit" @click="sampleCodeBtnDisabled=!sampleCodeBtnDisabled"></el-button>
+ </el-tooltip>
+ </el-input>
+ </div>
+ </el-col>
+ <el-col class="search_thing" :span="24">
+ <div class="search_label" style="width: 90px"><span class="required-span">* </span>璁㈠崟缂栧彿锛�</div>
+ <div class="search_input">
+ <el-input v-model="entrustCode" size="small" clearable :disabled="sampleCodeBtnDisabled">
+ </el-input>
</div>
</el-col>
</el-row>
- <el-tree :data="list" ref="tree" :props="{ children: 'children', label: 'label' }" node-key="label"
+ <el-tree :data="storageList" 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="storageVisible">
+ @node-collapse="nodeClose" :default-expanded-keys="expandedKeys" v-if="storageVisible"
+ empty-text="鏆傛棤鏁版嵁">
<div class="custom-tree-node" slot-scope="{ node, data }">
<el-row>
<el-col :span="24">
<span><i
- :class="`node_i ${data.children != undefined ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i>
- {{ data.code }} {{ data.label }}</span>
+ :class="`node_i ${data.warehouseShelfList != undefined ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i>
+ {{ data.name }}</span>
</el-col>
</el-row>
</div>
@@ -252,15 +294,26 @@
</span>
</el-dialog>
<el-dialog title="鏍峰搧鍑哄簱" :visible.sync="exportVisible" width="350px">
- <div class="shaoma">
+ <!-- <div class="shaoma">
<img src="../../../static/img/鎵爜.svg" alt="" style="margin-right: 5px;">
<span>鎵爜鍑哄簱</span>
- </div>
+ </div> -->
<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="sampleCode" size="small" @change="sampleCodeChange" clearable :disabled="sampleCodeBtnDisabled">
+ <el-tooltip :content="sampleCodeBtnDisabled?'鎵嬪姩杈撳叆':'鎵爜鏋緭鍏�'" placement="top" slot="append">
+ <el-button type="primary" icon="el-icon-edit" @click="sampleCodeBtnDisabled=!sampleCodeBtnDisabled"></el-button>
+ </el-tooltip>
+ </el-input>
+ </div>
+ </el-col>
+ <el-col class="search_thing" :span="24">
+ <div class="search_label" style="width: 90px"><span class="required-span">* </span>濮旀墭缂栧彿锛�</div>
+ <div class="search_input">
+ <el-input v-model="entrustCode" size="small" clearable :disabled="sampleCodeBtnDisabled">
+ </el-input>
</div>
</el-col>
</el-row>
@@ -269,15 +322,16 @@
<el-button type="primary" @click="confirmExport" :loading="upLoadExport">纭� 瀹�</el-button>
</span>
</el-dialog>
- <el-dialog title="搴撲綅缁存姢" :visible.sync="keepVisible" width="350px">
+ <el-dialog title="搴撲綅缁存姢" :visible.sync="keepVisible" width="350px" :append-to-body="true">
<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">
+ @node-collapse="nodeClose" :default-expanded-keys="expandedKeys" v-if="keepVisible"
+ empty-text="鏆傛棤鏁版嵁">
<div class="custom-tree-node" style="width: 100%;" slot-scope="{ node, data }">
<el-row style="width: 100%;display: flex;align-items: center;">
<el-col :span="20">
<span><i
- :class="`node_i ${data.children != undefined ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i>
+ :class="`node_i ${node.level<2 ? 'el-icon-folder-opened': 'el-icon-tickets'}`"></i>
{{ data.name }}</span>
</el-col>
<el-col :span="4" v-if="node.level<3">
@@ -291,7 +345,7 @@
</el-tree>
<span slot="footer" class="dialog-footer">
<el-button @click="keepVisible = false">鍙� 娑�</el-button>
- <el-button type="primary" @click="confirmKeep" :loading="upLoadKeep">纭� 瀹�</el-button>
+ <el-button type="primary" @click="keepVisible = false" >纭� 瀹�</el-button>
</span>
</el-dialog>
<el-dialog :title="isEdit?'浠撳簱淇敼':'浠撳簱鏂板'" :visible.sync="warehouseVisible" width="350px">
@@ -299,7 +353,7 @@
<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" @keyup.enter.native="confirmWarehouse"></el-input>
+ <el-input v-model="name" size="small" @keyup.enter.native="confirmWarehouse"></el-input>
</div>
</el-col>
</el-row>
@@ -313,7 +367,7 @@
<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="shelves.name" size="small"></el-input>
</div>
</el-col>
</el-row>
@@ -321,15 +375,15 @@
<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="shelves.row" size="small"></el-input>
</div>
</el-col>
</el-row>
<el-row>
<el-col class="search_thing" :span="24">
- <div class="search_label">璐ф灦鍒楁暟锛�</div>
+ <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="shelves.col" size="small"></el-input>
</div>
</el-col>
</el-row>
@@ -338,6 +392,7 @@
<el-button type="primary" @click="confirmShelves" :loading="upLoadShelves">纭� 瀹�</el-button>
</span>
</el-dialog>
+ <input id="ScanCodeInfo0" v-model="codeInfo" @keyup.enter="keyup" style="opacity: 0;height: 0px;margin: 0px;padding: 0px;position: absolute;top: 0;"></input>
</div>
</template>
@@ -353,8 +408,11 @@
warehouseId: null,
shelfId: null
},
+ sampleCodeBtnDisabled:true,
warehouse: [],
+ startTime: null,
shelf: [],
+ storageList:[],
storageVisible: false,
exportVisible: false,
keepVisible: false,
@@ -362,502 +420,162 @@
shelvesVisible: false,
upLoadStorage: false,
upLoadExport: false,
- upLoadKeep: false,
upLoadWarehouse: false,
upLoadShelves: false,
- tableList: [
- [{
- title: '1-1-4',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-2-4',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-3-4',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-4-4',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-5-4',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-6-4',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-7-4',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- ],
- [{
- title: '1-1-3',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-2-3',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-3-3',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-4-3',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-5-3',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-6-3',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-7-3',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- ],
- [{
- title: '1-1-2',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-2-2',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-3-2',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-4-2',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-5-2',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-6-2',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-7-2',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- ],
- [{
- title: '1-1-1',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-2-1',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-3-1',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-4-1',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-5-1',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-6-1',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- {
- title: '1-7-1',
- list: [{
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸1',
- num: 20,
- type: 0,
- },
- {
- name: '鍘熸潗鏂�',
- specs: '瑙勬牸2',
- num: 20,
- type: 1,
- },
- ]
- },
- ]
- ],
- rowList: [
- '1鍒�',
- '2鍒�',
- '3鍒�',
- '4鍒�',
- '5鍒�',
- '6鍒�',
- '7鍒�',
- ],
+ tableList: [],
+ rowList: [],
value: '',
- list: [{
- code: 1,
- label: '鐖剁骇',
- children: [{
- code: 1,
- label: '瀛愮骇1',
- children: [{
- code: 1,
- label: '瀛愮骇2',
- children: [{
- code: 1,
- label: '瀛愮骇3',
- }]
- }]
- }]
- }],
- selectTree: null,
+ name:'',
+ shelves:{},
+ selectTree: [],
expandedKeys: [],
isEdit: false, //寮规--鏄惁鏄慨鏀�,榛樿涓篺alse
isDetail: false, //璇︽儏--鏄惁灞曠ず涓鸿鎯呴〉闈紝榛樿涓篺alse
+ currentEdit:null,//褰撳墠瑕佺淮鎶ょ殑淇℃伅
+ tableLoading:false,
+ sampleCode:'',
+ entrustCode:'',
+ currentId:null,
+ searchSampleCode:null,
+ codeInfo:null,
+ }
+ },
+ watch:{
+ storageVisible(newVal){
+ if(newVal){
+ this.selectList()
+ this.sampleCode = null
+ this.entrustCode = null
+ // this.$message.success('鎵爜锛氭墦寮�')
+ let input = document.getElementById('ScanCodeInfo0');
+ input.focus();
+ this.startTime = setInterval(()=>{
+ input.focus()
+ },1000)
+ }else{
+ // this.$message.warning('鎵爜锛氬叧闂�')
+ clearInterval(this.startTime)
+ this.sampleCodeBtnDisabled=true
+ }
+ },
+ exportVisible(newVal){
+ if(newVal){
+ // this.$message.success('鎵爜锛氭墦寮�')
+ this.sampleCode = null
+ this.entrustCode = null
+ let input = document.getElementById('ScanCodeInfo0');
+ input.focus();
+ this.startTime = setInterval(()=>{
+ input.focus()
+ },1000)
+ }else{
+ // this.$message.warning('鎵爜锛氬叧闂�')
+ clearInterval(this.startTime)
+ this.sampleCodeBtnDisabled=true
+ }
+ },
+ sampleCodeBtnDisabled(val){
+ if(!val){
+ this.startTime&&clearInterval(this.startTime)
+ }else if(this.exportVisible||this.storageVisible){
+ let input = document.getElementById('ScanCodeInfo');
+ input.focus();
+ this.startTime = setInterval(()=>{
+ input.focus()
+ },1000)
+ }
+ },
+ isEdit(newVal){
+ if(!newVal){
+ this.shelves = {}
+ }
}
},
mounted() {
this.selectList()
},
methods: {
+ keyup(e){
+ var codeInfo = null
+ try{
+ console.log(2222,this.codeInfo)
+ codeInfo = JSON.parse(this.codeInfo)
+ if(!codeInfo||codeInfo.sampleCode==undefined||codeInfo.entrustCode==undefined){
+ this.$message.error('璇ヤ簩缁寸爜鏈夎')
+ }else{
+ this.sampleCode = codeInfo.sampleCode
+ this.entrustCode = codeInfo.entrustCode
+ }
+ }catch(e){
+ this.$message.error('璇疯皟鑷宠嫳鏂囬敭鐩�')
+ }
+ this.codeInfo = null
+ },
selectList() {
this.$axios.get(this.$api.warehouse.selectWarehouse).then(res => {
this.warehouse = res.data
+ if(res.data.length==0){
+ this.entity.warehouseId = '';
+ this.entity.shelfId = '';
+ this.tableList = []
+ }
+ this.storageList = this.HaveJson(res.data).map(item=>{
+ item.warehouseShelfList&&item.warehouseShelfList.length>0&&item.warehouseShelfList.map(m=>{
+ let warehouseShelfList = [];
+ let warehouseShelfList0 = []
+ let warehouseCellList = m.warehouseCellList?m.warehouseCellList:[]
+ warehouseCellList.forEach(a=>{
+ if(warehouseShelfList.find(n=>n.id==a.row)){
+ warehouseShelfList0.push({
+ name:a.col+'鍒�',
+ id:a.col
+ })
+ }else if(warehouseShelfList.length==0){
+ warehouseShelfList.push({
+ name:a.row+'灞�',
+ id:a.row
+ })
+ warehouseShelfList0.push({
+ name:a.col+'鍒�',
+ id:a.col
+ })
+ }else if(!warehouseShelfList.find(n=>n.id==a.row)){
+ warehouseShelfList[warehouseShelfList.length-1].warehouseShelfList = JSON.parse(JSON.stringify(warehouseShelfList0))
+ warehouseShelfList0 = []
+ warehouseShelfList.push({
+ name:a.row+'灞�',
+ id:a.row
+ })
+ warehouseShelfList0.push({
+ name:a.col+'鍒�',
+ id:a.col
+ })
+ }
+ })
+ warehouseShelfList[warehouseShelfList.length-1].warehouseShelfList = JSON.parse(JSON.stringify(warehouseShelfList0))
+ m.warehouseShelfList = warehouseShelfList;
+ return m;
+ })
+ return item;
+ })
+ if(!this.entity.warehouseId&&this.warehouse.length>0){
+ this.entity.warehouseId = this.warehouse[0].id
+ this.warehouseChange(this.entity.warehouseId)
+ if(this.shelf.length>0){
+ this.entity.shelfId = this.shelf[0].id
+ this.handleShelf(this.entity.shelfId)
+ }else{
+ this.tableList = []
+ }
+ }else if(this.warehouse.length>0){
+ this.warehouseChange(this.entity.warehouseId)
+ if(this.shelf.length>0){
+ this.entity.shelfId = this.shelf[0].id
+ this.handleShelf(this.entity.shelfId)
+ }else{
+ this.tableList = []
+ }
+ }
})
},
selectStandardTreeList() {
@@ -870,91 +588,181 @@
})
})
},
- refreshTable() {
- this.selectList()
- },
- refresh() {
- this.entity = this.HaveJson(this.entity)
- },
- handleClose() {
- this.upLoad = false;
- },
// 鍏ュ簱
confirmStorage() {
- if (!this.value) {
+ if (!this.sampleCode) {
this.$message.error('璇峰～鍐欐牱鍝佺紪鍙�')
return
}
- let trees = this.selectTree.split(" - ")
- if (trees.length < 4) {
- this.$message.error('鏈�夋嫨鏍峰搧')
+ if (!this.entrustCode) {
+ this.$message.error('璇峰～鍐欒鍗曠紪鍙�')
+ return
+ }
+ if (this.selectTree.length < 4) {
+ this.$message.error('璇烽�夋嫨鏍峰搧鍏ュ簱浣嶇疆')
return
}
this.upLoadStorage = true;
+ this.$axios.post(this.$api.warehouse.inWarehouse, {
+ trees: this.selectTree.join('-'),
+ sampleCode:this.sampleCode,
+ entrustCode:this.entrustCode
+ }).then(res => {
+ this.upLoadStorage = false;
+ this.storageVisible = false
+ this.sampleCode = '';
+ this.entrustCode = '';
+ this.selectTree = []
+ if (res.code == 201) {
+ this.$message.error('鍏ュ簱澶辫触')
+ return
+ }
+ this.$message.success('鍏ュ簱鎴愬姛')
+ this.handleShelf(this.entity.shelfId)
+ })
},
// 鍑哄簱
confirmExport() {
- if (!this.value) {
+ if (!this.sampleCode) {
this.$message.error('璇峰～鍐欐牱鍝佺紪鍙�')
return
}
+ if (!this.entrustCode) {
+ this.$message.error('璇峰～鍐欒鍗曠紪鍙�')
+ return
+ }
this.upLoadExport = true;
+ this.$axios.post(this.$api.warehouse.outWarehouse, {
+ sampleCode:this.sampleCode,
+ entrustCode:this.entrustCode,
+ }).then(res => {
+ this.upLoadExport = false;
+ this.exportVisible = false
+ this.sampleCode = '';
+ this.entrustCode = '';
+ if (res.code == 201) {
+ this.$message.error('鍑哄簱澶辫触')
+ return
+ }
+ this.$message.success('鍑哄簱鎴愬姛')
+ this.handleShelf(this.entity.shelfId)
+ })
},
- // 缁存姢
- confirmKeep() {
- this.upLoadKeep = true;
- },
- // 娣诲姞浠撳簱
+ // 娣诲姞/淇敼浠撳簱
confirmWarehouse() {
- if (!this.value) {
+ if (!this.name) {
this.$message.error('璇峰～鍐欎粨搴撳悕绉�')
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()
- })
+ if(this.currentEdit&&this.currentEdit.id){
+ // 淇敼浠撳簱
+ this.$axios.post(this.$api.warehouse.upWarehouse, {
+ name: this.name,
+ id:this.currentEdit.id
+ }, {
+ headers: {
+ 'Content-Type': 'application/json'
+ }
+ }).then(res => {
+ this.upLoadWarehouse = false;
+ this.warehouseVisible = false
+ // this.keepVisible = false
+ this.currentEdit = null;
+ if (res.code == 201) {
+ this.$message.error('淇敼澶辫触')
+ return
+ }
+ this.$message.success('淇敼鎴愬姛')
+ this.selectList()
+ this.name = ''
+ this.warehouseChange(this.entity.warehouseId)
+ })
+ }else{
+ // 鏂板浠撳簱
+ this.$axios.post(this.$api.warehouse.addWarehouse, {
+ name: this.name
+ }).then(res => {
+ this.upLoadWarehouse = false;
+ this.warehouseVisible = false
+ if (res.code == 201) {
+ this.$message.error('娣诲姞澶辫触')
+ return
+ }
+ this.$message.success('娣诲姞鎴愬姛')
+ this.selectList()
+ this.name = ''
+ this.warehouseChange(this.entity.warehouseId)
+ })
+ }
},
- // 娣诲姞璐ф灦
+ // 娣诲姞/淇敼璐ф灦
confirmShelves() {
- if (!this.value) {
+ if (!this.shelves.name) {
this.$message.error('璇峰～鍐欒揣鏋跺悕绉�')
return
}
+ if (!this.shelves.row) {
+ this.$message.error('璇峰～鍐欒揣鏋跺眰鏁�')
+ return
+ }
+ if (!this.shelves.col) {
+ this.$message.error('璇峰～鍐欒揣鏋跺垪鏁�')
+ return
+ }
this.upLoadShelves = true;
+ if(this.currentEdit&&this.currentEdit.id){
+ // 淇敼
+ this.$axios.post(this.$api.warehouse.upShelf, {
+ id:this.currentEdit.id,...this.shelves
+ }, {
+ headers: {
+ 'Content-Type': 'application/json'
+ }
+ }).then(res => {
+ this.upLoadShelves = false;
+ this.shelvesVisible = false
+ // this.keepVisible = false
+ if (res.code == 201) {
+ this.$message.error('淇敼澶辫触')
+ return
+ }
+ this.$message.success('淇敼鎴愬姛')
+ this.selectList()
+ this.currentEdit ={};
+ })
+ }else{
+ // 鏂板
+ this.$axios.post(this.$api.warehouse.addShelf, {
+ warehouseId: this.entity.warehouseId,...this.shelves
+ }, {
+ headers: {
+ 'Content-Type': 'application/json'
+ }
+ }).then(res => {
+ this.upLoadShelves = false;
+ this.shelvesVisible = false
+ if (res.code == 201) {
+ this.$message.error('娣诲姞澶辫触')
+ return
+ }
+ this.$message.success('娣诲姞鎴愬姛')
+ this.selectList()
+ this.shelves = {}
+ })
+ }
+ this.warehouseChange(this.entity.warehouseId)
},
filterNode(value, data) {
if (!value) return true;
return data.label.indexOf(value) !== -1;
},
handleNodeClick(val, node, el) { //鏍戠殑鍊�
- this.selectTree = ''
- this.getNodeParent(node)
- this.selectTree = this.selectTree.replace(' - ', '')
- let data = this.selectTree.split(' - ')
- let data2 = ''
- for (let index = data.length - 1; index >= 0; index--) {
- data2 += " - " + data[index]
- }
- this.selectTree = data2.replace(' - ', '')
- },
- getNodeParent(val) {
- if (val.parent != null) {
- this.selectTree += ' - ' + val.label
- this.getNodeParent(val.parent)
- }
+ this.selectTree[node.level-1] = val.id;
},
nodeOpen(data, node, el) {
$($(el.$el).find('.node_i')[0]).attr('class', 'node_i el-icon-folder-opened')
+ this.selectTree[node.level-1] = data.id;
},
nodeClose(data, node, el) {
$($(el.$el).find('.node_i')[0]).attr('class', 'node_i el-icon-folder')
@@ -965,17 +773,34 @@
cancelButtonText: "鍙栨秷",
type: "warning"
}).then(() => {
- this.$axios.post(this.$api.insOrder.delInsOrderTemplate, {
- id: row.id
- }).then(res => {
- if (res.code === 201) {
- return
- }
- this.$message.success('鎴愬姛')
- // this.selectInsOrderTemplate()
- }).catch(e => {
- this.$message.error('澶辫触')
- })
+ if (level == 1) {
+ // 鍒犻櫎浠撳簱
+ this.$axios.post(this.$api.warehouse.delWarehouse, {
+ id: row.id
+ }).then(res => {
+ if (res.code === 201) {
+ return
+ }
+ this.$message.success('鎴愬姛')
+ this.selectList()
+ }).catch(e => {
+ this.$message.error('澶辫触')
+ })
+ }else{
+ // 鍒犻櫎璐ф灦
+ this.$axios.post(this.$api.warehouse.delShelf, {
+ id: row.id
+ }).then(res => {
+ if (res.code === 201) {
+ return
+ }
+ this.$message.success('鎴愬姛')
+ this.selectList()
+ }).catch(e => {
+ this.$message.error('澶辫触')
+ })
+ }
+ this.warehouseChange(this.entity.warehouseId)
}).catch(() => {})
},
handleEdit(data, level) {
@@ -983,19 +808,88 @@
// 鍒ゆ柇鏄鍑犲眰绾э紝绗竴灞傜骇锛屼慨鏀逛粨搴擄紝绗簩灞傜骇淇敼璐ф灦
if (level == 1) {
this.warehouseVisible = true;
+ this.currentEdit = data;
+ this.name = data.name
} else {
this.shelvesVisible = true;
+ this.currentEdit = data;
+ this.shelves = {
+ name:data.name,
+ row:data.row,
+ col:data.col,
+ warehouseId:data.warehouseId
+ }
}
},
// 鏌ョ湅璇︽儏
handelDetail(row) {
+ this.currentId = row.id;
this.isDetail = true;
},
warehouseChange(val) {
+ this.tableList = []
let map = this.warehouse.find(a => {
return a.id === val ? a : null
})
- this.shelf = map.warehouseShelfList
+ this.shelf = map.warehouseShelfList;
+ this.entity.shelfId = '';
+ },
+ handleShelf(e,sampleCode=''){
+ if(e){
+ this.tableLoading = true;
+ this.$axios.get(this.$api.warehouse.getWarehouse+'?shelfId='+e+'&sampleCode='+(sampleCode?sampleCode:'')).then(res => {
+ this.tableLoading = false;
+ let data = res.data;
+ let set =new Set()
+ this.tableList = [];
+ let arr = []
+ data.forEach(m=>{
+ set.add(m.col)
+ if(arr.length>0){
+ if(arr.find(n=>n.row==m.row)){
+ arr.push(m)
+ }else{
+ this.tableList.push(arr)
+ arr = []
+ arr.push(m)
+ }
+ }else{
+ arr.push(m)
+ }
+ })
+ this.tableList.push(arr)
+ this.rowList = [];
+ for(let i=0;i<set.size;i++){
+ this.rowList.push(`${i+1} 鍒梎)
+ }
+ }).catch(e=>{
+ this.tableLoading = false;
+ })
+ }
+ },
+ handleSearch(){
+ if(!this.searchSampleCode){
+ this.$message.error('璇疯緭鍏ユ牱鍝佺紪鍙�')
+ return;
+ }
+ this.$axios.post(this.$api.warehouse.searchSampleId, {
+ sampleCode: this.searchSampleCode}).then(res => {
+ if(res.code==200){
+ this.currentId = res.data;
+ this.isDetail = true;
+ }
+ })
+ },
+ sampleCodeChange(e){
+ if(e){
+ this.sampleCode = e.replaceAll('"','')
+ }
+ },
+ remove(type){
+ this.$refs[type].$el.querySelector('input').removeAttribute('readonly')
+ },
+ setType(type){
+ this.$refs[type].$el.querySelector('input').setAttribute('readonly', 'true')
}
}
}
--
Gitblit v1.9.3