From c2d1881c45e0218c6f94213583cc748a7c1be3a1 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 24 二月 2025 19:35:59 +0800
Subject: [PATCH] 样品管理搬迁
---
src/views/business/sample/components/detail.vue | 197 +++++++++++
src/api/business/sample.js | 90 +++++
src/views/business/sample/index.vue | 704 +++++++++++++++++++++++++++++++++++++++++
3 files changed, 991 insertions(+), 0 deletions(-)
diff --git a/src/api/business/sample.js b/src/api/business/sample.js
new file mode 100644
index 0000000..0e83b2d
--- /dev/null
+++ b/src/api/business/sample.js
@@ -0,0 +1,90 @@
+// 鏍峰搧绠＄悊椤甸潰鐩稿叧鎺ュ彛
+import request from '@/utils/request'
+
+// 鏌ヨ浠撳簱
+export function selectWarehouse() {
+ return request({
+ url: '/warehouse/selectWarehouse',
+ method: 'get'
+ })
+}
+// 鏍峰搧鍏ュ簱
+export function inWarehouse(query) {
+ return request({
+ url: '/warehouse/inWarehouse',
+ method: 'post',
+ data: query
+ })
+}
+// 鏍峰搧鍑哄簱
+export function outWarehouse(query) {
+ return request({
+ url: '/warehouse/outWarehouse',
+ method: 'post',
+ data: query
+ })
+}
+// 淇敼浠撳簱
+export function upWarehouse(query) {
+ return request({
+ url: '/warehouse/upWarehouse',
+ method: 'post',
+ data: query
+ })
+}
+// 娣诲姞浠撳簱
+export function addWarehouse(query) {
+ return request({
+ url: '/warehouse/addWarehouse',
+ method: 'post',
+ data: query
+ })
+}
+// 淇敼璐ф灦
+export function upShelf(query) {
+ return request({
+ url: '/warehouse/upShelf',
+ method: 'post',
+ data: query
+ })
+}
+// 娣诲姞璐ф灦
+export function addShelf(query) {
+ return request({
+ url: '/warehouse/addShelf',
+ method: 'post',
+ data: query
+ })
+}
+// 鍒犻櫎浠撳簱
+export function delWarehouse(query) {
+ return request({
+ url: '/warehouse/delWarehouse',
+ method: 'delete',
+ params: query
+ })
+}
+// 鍒犻櫎璐ф灦
+export function delShelf(query) {
+ return request({
+ url: '/warehouse/delShelf',
+ method: 'delete',
+ params: query
+ })
+}
+// 鏌ヨ璐ф灦涓嬬殑瀛樻斁淇℃伅
+export function getWarehouse(query) {
+ return request({
+ url: '/warehouse/getWarehouse',
+ method: 'get',
+ params: query
+ })
+}
+// 鏌ヨ璐ф灦涓嬬殑瀛樻斁淇℃伅
+export function searchSampleId(query) {
+ return request({
+ url: '/warehouse/searchSampleId',
+ method: 'post',
+ data: query
+ })
+}
diff --git a/src/views/business/sample/components/detail.vue b/src/views/business/sample/components/detail.vue
new file mode 100644
index 0000000..f76f413
--- /dev/null
+++ b/src/views/business/sample/components/detail.vue
@@ -0,0 +1,197 @@
+<template>
+ <div style="width: 100%;height: 100%;overflow-y: auto;" class="detail">
+ <div>
+ <el-row class="title">
+ <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" @click="hanldeBack">杩斿洖</el-button>
+ </el-col>
+ </el-row>
+ </div>
+ <div class="search">
+ <div class="search_thing">
+ <div class="search_label">鏍峰搧缂栧彿锛�</div>
+ <div class="search_input">
+ <el-input size="small" placeholder="璇疯緭鍏�" clearable
+ v-model="entity.sampleCode" disabled></el-input>
+ </div>
+ </div>
+ <div class="search_thing">
+ <div class="search_label">鏍峰搧鍚嶇О锛�</div>
+ <div class="search_input">
+ <el-input size="small" placeholder="璇疯緭鍏�" clearable
+ v-model="entity.sample" disabled></el-input>
+ </div>
+ </div>
+ <div class="search_thing">
+ <div class="search_label">鏍峰搧鏁伴噺锛�</div>
+ <div class="search_input">
+ <el-input size="small" placeholder="璇疯緭鍏�" clearable
+ v-model="entity.num" disabled></el-input>
+ </div>
+ </div>
+ <div class="search_thing">
+ <div class="search_label">鍗曚綅锛�</div>
+ <div class="search_input">
+ <el-input size="small" placeholder="璇疯緭鍏�" clearable
+ v-model="entity.unit" disabled></el-input>
+ </div>
+ </div>
+ <div class="search_thing">
+ <div class="search_label">鍏ュ簱鏃堕棿锛�</div>
+ <div class="search_input">
+ <el-input size="small" placeholder="璇疯緭鍏�" clearable
+ v-model="entity.date" disabled></el-input>
+ </div>
+ </div>
+ <div class="search_thing">
+ <div class="search_label">鍏ュ簱浜猴細</div>
+ <div class="search_input">
+ <el-input size="small" placeholder="璇疯緭鍏�" clearable
+ v-model="entity.user" disabled></el-input>
+ </div>
+ </div>
+ <div class="search_thing" >
+ <div class="search_label">搴撲綅鍙凤細</div>
+ <div class="search_input">
+ <el-input size="small" placeholder="璇疯緭鍏�" clearable
+ v-model="entity.code" disabled style="min-width: 230px;"></el-input>
+ </div>
+ </div>
+ </div>
+ <h4>妫�楠岄」鐩�</h4>
+ <div class="table">
+ <el-table class="el-table" ref="productTable" :data="products" height="380px" tooltip-effect="dark" border>
+ <el-table-column type="index" align="center" label="搴忓彿" width="70" :key="Math.random()">
+ </el-table-column>
+ <el-table-column prop="inspectionItem" label="妫�楠岄」" min-width="100"
+ show-overflow-tooltip></el-table-column>
+ <el-table-column prop="inspectionItemSubclass" label="妫�楠岄」鍒嗙被" min-width="100" show-overflow-tooltip v-if="PROJECT=='瑁呭鐢电紗'"></el-table-column>
+ <el-table-column prop="laboratory" label="瀹為獙瀹�" min-min-width="100" show-overflow-tooltip></el-table-column>
+ <el-table-column prop="unit" label="鍗曚綅" min-width="100" show-overflow-tooltip></el-table-column>
+ <el-table-column prop="equipValue" label="璁惧" min-width="100" show-overflow-tooltip>
+ <template slot-scope="scope">
+ {{handleData(scope.row.equipValue)}}
+ </template>
+ </el-table-column>
+ <el-table-column prop="entrustCode" label="濮旀墭缂栧彿" min-width="100" show-overflow-tooltip></el-table-column>
+ <el-table-column prop="updateUserName" label="妫�楠屼汉" min-width="100" show-overflow-tooltip></el-table-column>
+ <el-table-column prop="updateTime" label="妫�楠屾椂闂�" min-width="100" show-overflow-tooltip></el-table-column>
+ <el-table-column prop="insResult" label="缁撹" min-width="100">
+ <template slot-scope="scope">
+ <el-tag
+ :type="scope.row.insResult==1?'success':'danger'" size="medium">{{scope.row.insResult==1?'鍚堟牸':'涓嶅悎鏍�'}}</el-tag>
+ </template>
+ </el-table-column>
+ </el-table>
+ </div>
+ <h4>鍑哄叆搴撳巻鍙�</h4>
+ <div class="table" style="margin-bottom: 20px;">
+ <el-table class="el-table" ref="productTable" :data="histories" height="380px" tooltip-effect="dark" border>
+ <el-table-column type="index" align="center" label="搴忓彿" width="70" :key="Math.random()">
+ </el-table-column>
+ <el-table-column prop="state" label="绫诲瀷"
+ show-overflow-tooltip>
+ <template slot-scope="scope">
+ <el-tag :type="scope.row.state==1?'success':'danger'">{{ scope.row.state==1?'鍏ュ簱':'鍑哄簱' }}</el-tag>
+ </template>
+ </el-table-column>
+ <el-table-column prop="createUserName" label="鎿嶄綔浜�" show-overflow-tooltip></el-table-column>
+ <el-table-column prop="createTime" label="鎿嶄綔鏃堕棿" show-overflow-tooltip></el-table-column>
+ <el-table-column prop="warehouseCode" label="搴撲綅鍙�" show-overflow-tooltip></el-table-column>
+ <!-- <el-table-column prop="price" label="瀛樻斁鍛ㄦ湡锛坔锛�" show-overflow-tooltip></el-table-column> -->
+ </el-table>
+ </div>
+ </div>
+</template>
+
+<script>
+export default {
+ props:['id'],
+ data(vm) {
+ return{
+ entity:{
+ num:1,
+ },
+ products:[],
+ histories:[]
+ }
+ },
+ mounted(){
+ this.getInfo()
+ },
+ methods:{
+ hanldeBack(){
+ this.$emit('hanldeBack')
+ },
+ getInfo(){
+ this.$axios.post(this.$api.warehouse.getSampleRecord, {
+ id: this.id
+ }).then(res => {
+ let {histories,insSample,sampleHistory,products} = res.data;
+ this.entity = {num:1,...insSample,...sampleHistory};
+ this.histories = histories;
+ this.products = products;
+ })
+ },
+ handleData(e){
+ let info = ''
+ if(e){
+ info = JSON.parse(e).map(item => {
+ return item.v;
+ }).join(',')
+ }
+ return info
+ }
+ }
+}
+</script>
+
+<style scoped>
+ .detail::-webkit-scrollbar{
+ width: 0;
+ }
+
+ .title {
+ height: 60px;
+ line-height: 60px;
+ }
+
+ .search {
+ background-color: #fff;
+ height: 120px;
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ }
+
+ .search_thing {
+ display: flex;
+ align-items: center;
+ height: 40px;
+ }
+
+ .search_label {
+ width: 120px;
+ font-size: 14px;
+ text-align: right;
+ }
+
+ .search_input {
+ width: calc(100% - 120px);
+ }
+
+ .table {
+ margin-top: 10px;
+ background-color: #fff;
+ width: calc(100% - 40px);
+ padding: 20px;
+ }
+ h4{
+ font-size: 16px;
+ font-weight: normal;
+ margin-top: 10px;
+ margin-left: 20px;
+ }
+
+</style>
diff --git a/src/views/business/sample/index.vue b/src/views/business/sample/index.vue
new file mode 100644
index 0000000..886ecb4
--- /dev/null
+++ b/src/views/business/sample/index.vue
@@ -0,0 +1,704 @@
+<template>
+ <div class="capacity-scope">
+ <div v-if="!isDetail">
+ <div style="display: flex;justify-content: space-between">
+ <el-form :model="entity" ref="entity" size="small" :inline="true">
+ <el-form-item label="浠撳簱鍚嶇О" prop="warehouseId">
+ <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>
+ </el-form-item>
+ <el-form-item label="璐ф灦" prop="shelfId">
+ <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>
+ </el-form-item>
+ <el-form-item label="鏍峰搧缂栧彿" prop="searchSampleCode">
+ <el-input placeholder="璇疯緭鍏ユ牱鍝佺紪鍙�" v-model="searchSampleCode" size="small">
+ <el-button slot="append" icon="el-icon-search" @click="handleSearch"></el-button>
+ </el-input>
+ </el-form-item>
+ <el-form-item>
+ <el-button size="small" style="color:#3A7BFA" @click="keepVisible=true">缁存姢</el-button>
+ <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>
+ </el-form-item>
+ </el-form>
+ <div>
+ <el-button size="small" type="primary" @click="storageVisible=true">鍏ュ簱</el-button>
+ <el-button size="small" type="primary" @click="exportVisible=true">鍑哄簱</el-button>
+ </div>
+ </div>
+ <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 v-if="m.row!=undefined">{{ m.row }} - {{ m.col }}</h4>
+ <ul>
+ <el-tooltip
+ effect="dark"
+ placement="top"
+ v-for="(n,j) in m.samples"
+ :key="j" :disabled="`${n.sample}${n.model}`.length<10">
+ <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>
+ <tr>
+ <td v-for="(item,index) in rowList" :key="index" style="background: ghostwhite;height: 20px;">{{ item }}
+ </td>
+ </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" :id="currentId" />
+ <el-dialog title="鏍峰搧鍏ュ簱" :visible.sync="storageVisible" width="350px">
+ <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="sampleCode" size="small"></el-input>
+ </div>
+ </el-col>
+ </el-row>
+ <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"
+ empty-text="鏆傛棤鏁版嵁">
+ <div class="custom-tree-node" slot-scope="{ node, data }">
+ <el-row>
+ <el-col :span="24">
+ <span><i
+ :class="`node_i ${data.warehouseShelfList != undefined ? 'el-icon-folder-opened' : 'el-icon-tickets'}`"></i>
+ {{ data.name }}</span>
+ </el-col>
+ </el-row>
+ </div>
+ </el-tree>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="storageVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="confirmStorage" :loading="upLoadStorage">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+ <el-dialog title="鏍峰搧鍑哄簱" :visible.sync="exportVisible" width="350px">
+ <!-- <div class="shaoma">
+ <img src="../../../static/img/鎵爜.svg" alt="" style="margin-right: 5px;">
+ <span>鎵爜鍑哄簱</span>
+ </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="sampleCode" size="small"></el-input>
+ </div>
+ </el-col>
+ </el-row>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="exportVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="confirmExport" :loading="upLoadExport">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+ <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"
+ 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 ${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">
+ <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>
+ </el-col>
+ </el-row>
+ </div>
+ </el-tree>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="keepVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="keepVisible = false" >纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+ <el-dialog :title="isEdit?'浠撳簱淇敼':'浠撳簱鏂板'" :visible.sync="warehouseVisible" width="350px">
+ <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="name" size="small" @keyup.enter.native="confirmWarehouse"></el-input>
+ </div>
+ </el-col>
+ </el-row>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="warehouseVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="confirmWarehouse" :loading="upLoadWarehouse">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+ <el-dialog :title="isEdit?'璐ф灦淇敼':'璐ф灦鏂板'" :visible.sync="shelvesVisible" width="350px">
+ <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="shelves.name" size="small"></el-input>
+ </div>
+ </el-col>
+ </el-row>
+ <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="shelves.row" size="small"></el-input>
+ </div>
+ </el-col>
+ </el-row>
+ <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="shelves.col" size="small"></el-input>
+ </div>
+ </el-col>
+ </el-row>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="shelvesVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="confirmShelves" :loading="upLoadShelves">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import Detail from './components/detail.vue'
+import {
+ addShelf,
+ addWarehouse, delShelf, delWarehouse, getWarehouse,
+ inWarehouse,
+ outWarehouse, searchSampleId,
+ selectWarehouse,
+ upShelf,
+ upWarehouse
+} from "@/api/business/sample";
+export default {
+ components: {
+ Detail
+ },
+ data() {
+ return {
+ entity: {
+ warehouseId: null,
+ shelfId: null
+ },
+ warehouse: [],
+ shelf: [],
+ storageList:[],
+ storageVisible: false,
+ exportVisible: false,
+ keepVisible: false,
+ warehouseVisible: false,
+ shelvesVisible: false,
+ upLoadStorage: false,
+ upLoadExport: false,
+ upLoadWarehouse: false,
+ upLoadShelves: false,
+ tableList: [],
+ rowList: [],
+ value: '',
+ name:'',
+ shelves:{},
+ selectTree: [],
+ expandedKeys: [],
+ isEdit: false, //寮规--鏄惁鏄慨鏀�,榛樿涓篺alse
+ isDetail: false, //璇︽儏--鏄惁灞曠ず涓鸿鎯呴〉闈紝榛樿涓篺alse
+ currentEdit:null,//褰撳墠瑕佺淮鎶ょ殑淇℃伅
+ tableLoading:false,
+ sampleCode:'',
+ currentId:null,
+ searchSampleCode:''
+ }
+ },
+ mounted() {
+ this.selectList()
+ },
+ methods: {
+ selectList() {
+ 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 = [];
+ for (let i=1;i<m.row+1;i++){
+ let warehouseShelfList0 = []
+ for (let j=1;j<m.col+1;j++){
+ warehouseShelfList0.push({
+ name:j+' 鍒�',
+ id:j,
+ })
+ }
+ warehouseShelfList.push({
+ name:i+' 灞�',
+ id:i,
+ warehouseShelfList: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 = []
+ }
+ }
+ })
+ },
+ // 鍏ュ簱
+ confirmStorage() {
+ if (!this.sampleCode) {
+ this.$message.error('璇峰～鍐欐牱鍝佺紪鍙�')
+ return
+ }
+ if (this.selectTree.length < 4) {
+ this.$message.error('璇烽�夋嫨鏍峰搧鍏ュ簱浣嶇疆')
+ return
+ }
+ this.upLoadStorage = true;
+ inWarehouse({
+ trees: this.selectTree.join('-'),
+ sampleCode:this.sampleCode
+ }).then(res => {
+ this.upLoadStorage = false;
+ this.storageVisible = false
+ this.sampleCode = '';
+ this.selectTree = []
+ this.$message.success('鍏ュ簱鎴愬姛')
+ this.handleShelf(this.entity.shelfId)
+ }).catch(err => {
+ this.upLoadStorage = false;
+ })
+ },
+ // 鍑哄簱
+ confirmExport() {
+ if (!this.sampleCode) {
+ this.$message.error('璇峰～鍐欐牱鍝佺紪鍙�')
+ return
+ }
+ this.upLoadExport = true;
+ outWarehouse({
+ sampleCode:this.sampleCode
+ }).then(res => {
+ this.upLoadExport = false;
+ this.exportVisible = false
+ this.sampleCode = '';
+ this.$message.success('鍑哄簱鎴愬姛')
+ this.handleShelf(this.entity.shelfId)
+ }).catch(err => {
+ this.upLoadExport = false;
+ })
+ },
+ // 娣诲姞/淇敼浠撳簱
+ confirmWarehouse() {
+ if (!this.name) {
+ this.$message.error('璇峰～鍐欎粨搴撳悕绉�')
+ return
+ }
+ this.upLoadWarehouse = true;
+ if(this.currentEdit&&this.currentEdit.id){
+ // 淇敼浠撳簱
+ upWarehouse({
+ name: this.name,
+ id:this.currentEdit.id
+ }).then(res => {
+ this.upLoadWarehouse = false;
+ this.warehouseVisible = false
+ // this.keepVisible = false
+ this.currentEdit = null;
+ this.$message.success('淇敼鎴愬姛')
+ this.selectList()
+ this.name = ''
+ this.warehouseChange(this.entity.warehouseId)
+ }).catch(err => {
+ this.upLoadWarehouse = false;
+ })
+ }else{
+ // 鏂板浠撳簱
+ addWarehouse({
+ name: this.name
+ }).then(res => {
+ this.upLoadWarehouse = false;
+ this.warehouseVisible = false
+ this.$message.success('娣诲姞鎴愬姛')
+ this.selectList()
+ this.name = ''
+ this.warehouseChange(this.entity.warehouseId)
+ }).catch(err => {
+ this.upLoadWarehouse = false;
+ })
+ }
+ },
+ // 娣诲姞/淇敼璐ф灦
+ confirmShelves() {
+ 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){
+ // 淇敼
+ upShelf({
+ id:this.currentEdit.id,...this.shelves
+ }).then(res => {
+ this.upLoadShelves = false;
+ this.shelvesVisible = false
+ this.$message.success('淇敼鎴愬姛')
+ this.selectList()
+ this.currentEdit ={};
+ }).catch(err => {
+ this.upLoadShelves = false;
+ })
+ }else{
+ // 鏂板
+ addShelf({
+ warehouseId: this.entity.warehouseId,...this.shelves
+ }).then(res => {
+ this.upLoadShelves = false;
+ this.shelvesVisible = false
+ this.$message.success('娣诲姞鎴愬姛')
+ this.selectList()
+ this.shelves = {}
+ }).catch(err => {
+ this.upLoadShelves = false;
+ })
+ }
+ this.warehouseChange(this.entity.warehouseId)
+ },
+ filterNode(value, data) {
+ if (!value) return true;
+ return data.label.indexOf(value) !== -1;
+ },
+ handleNodeClick(val, node, el) { //鏍戠殑鍊�
+ 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')
+ },
+ handleDelete(row, level) {
+ this.$confirm('鏄惁褰撳墠鏁版嵁?', "璀﹀憡", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning"
+ }).then(() => {
+ if (level == 1) {
+ // 鍒犻櫎浠撳簱
+ delWarehouse({
+ id: row.id
+ }).then(res => {
+ this.$message.success('鎴愬姛')
+ this.selectList()
+ }).catch(e => {
+ this.$message.error('澶辫触')
+ })
+ }else{
+ // 鍒犻櫎璐ф灦
+ delShelf({
+ id: row.id
+ }).then(res => {
+ this.$message.success('鎴愬姛')
+ this.selectList()
+ }).catch(e => {
+ this.$message.error('澶辫触')
+ })
+ }
+ this.warehouseChange(this.entity.warehouseId)
+ }).catch(() => {})
+ },
+ handleEdit(data, level) {
+ this.isEdit = true;
+ // 鍒ゆ柇鏄鍑犲眰绾э紝绗竴灞傜骇锛屼慨鏀逛粨搴擄紝绗簩灞傜骇淇敼璐ф灦
+ 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.entity.shelfId = '';
+ },
+ handleShelf(e){
+ if(e){
+ this.tableLoading = true;
+ getWarehouse({shelfId: e}).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;
+ }
+ searchSampleId({sampleCode: this.searchSampleCode}).then(res => {
+ if(res.code==200){
+ this.currentId = res.data;
+ this.isDetail = true;
+ }
+ })
+ }
+ }
+}
+</script>
+<style scoped>
+.title {
+ height: 60px;
+ line-height: 60px;
+}
+
+.search {
+ background-color: #fff;
+ height: 80px;
+ display: flex;
+ align-items: center;
+ position: relative;
+}
+
+.search_thing {
+ display: flex;
+ align-items: center;
+ height: 50px;
+}
+
+.search_label {
+ width: 90px;
+ font-size: 14px;
+ text-align: right;
+}
+
+.search_input {
+ width: calc(100% - 120px);
+}
+
+.table {
+ margin-top: 10px;
+ background-color: #fff;
+ width: calc(100% - 40px);
+ height: calc(100% - 60px - 80px - 10px - 40px);
+ padding: 20px;
+ overflow-y: auto;
+}
+
+.el-form-item {
+ margin-bottom: 16px;
+}
+
+.btns {
+ position: absolute;
+ right: 10px;
+ top: 25px;
+ display: flex;
+ align-items: center;
+ z-index: 9;
+}
+
+.tables {
+ width: 100%;
+ height: 100%;
+ border-bottom: none;
+}
+
+.tables th {
+ font-size: 14px;
+}
+
+.tables td {
+ font-size: 12px;
+ text-align: center;
+ vertical-align: top;
+ border-color: rgb(192, 191, 191) !important;
+ padding: 5px;
+ box-sizing: border-box;
+ height: 120px;
+}
+
+.tables ul {
+ list-style-type: none;
+}
+
+.tables ul li {
+ border-radius: 3px;
+ padding: 4px 10px;
+ box-sizing: border-box;
+ margin-bottom: 5px;
+ font-size: 12px;
+ display: flex;
+ align-items: center;
+ justify-content: start;
+ color: #333333;
+ cursor: pointer;
+ overflow: hidden; /*瓒呭嚭閮ㄥ垎闅愯棌*/
+ white-space: nowrap; /*绂佹鎹㈣*/
+ text-overflow: ellipsis; /*鐪佺暐鍙�*/
+}
+
+.tables h4 {
+ color: #999999;
+ font-size: 14px;
+ font-weight: 400;
+ padding: 6px 0;
+}
+
+.tables i {
+ display: inline-block;
+ width: 6px;
+ height: 6px;
+ border-radius: 50%;
+ margin-right: 6px;
+}
+
+li:hover {
+ background: rgba(58, 123, 250, 0.18);
+}
+
+li:hover i {
+ background: #3A7BFA;
+}
+
+li:hover .num {
+ color: #3A7BFA;
+}
+
+.green {
+ background: #E0F6EA;
+}
+
+.green i {
+ background: #34BD66;
+}
+
+.green .num {
+ color: #34BD66;
+}
+
+.el-dialog {
+ position: relative;
+}
+
+.shaoma {
+ display: flex;
+ align-items: center;
+ font-size: 14px;
+ color: #3A7BFA;
+ position: absolute;
+ top: 23px;
+ right: 54px;
+ cursor: pointer;
+}
+
+.node_i {
+ color: orange;
+ font-size: 18px;
+}
+
+.custom-tree-node .el-button {
+ opacity: 0;
+}
+
+.custom-tree-node:hover .el-button {
+ opacity: 1;
+}
+>>>.el-loading-mask {
+ z-index: 10;
+}
+</style>
--
Gitblit v1.9.3