|
|
@@ -1,134 +1,237 @@
|
|
|
<template>
|
|
|
- <el-container>
|
|
|
- <el-header style="height: 40px">
|
|
|
- <div>
|
|
|
- <div class="divLeft colorYellow">
|
|
|
- 任务中
|
|
|
- </div>
|
|
|
- <div class="divLeft colorWhite">
|
|
|
- 空
|
|
|
- </div>
|
|
|
- <div class="divLeft colorGreen">
|
|
|
- 有货
|
|
|
- </div>
|
|
|
- <div class="divLeft colorRed">
|
|
|
- 不合格
|
|
|
- </div>
|
|
|
-<!-- <div class="divLeft">-->
|
|
|
-<!-- 库存<icon-svg name="steel" class="site-sidebar__menu-icon"></icon-svg>-->
|
|
|
-<!-- </div>-->
|
|
|
- <div class="divLeft">
|
|
|
- 【托盘】<svg-icon class-name="pallet-icon" icon-class="pallet" @click.stop="click" />
|
|
|
- </div>
|
|
|
+ <el-container>
|
|
|
+ <el-header style="height: 40px">
|
|
|
+ <div>
|
|
|
+ <div class="divLeft colorYellow">任务中</div>
|
|
|
+ <div class="divLeft colorWhite">空</div>
|
|
|
+ <div class="divLeft colorGreen">有货</div>
|
|
|
+ <div class="divLeft colorRed">不合格</div>
|
|
|
+ <!-- <div class="divLeft">-->
|
|
|
+ <!-- 库存<icon-svg name="steel" class="site-sidebar__menu-icon"></icon-svg>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <div class="divLeft">
|
|
|
+ 【托盘】
|
|
|
+ <svg-icon
|
|
|
+ class-name="pallet-icon"
|
|
|
+ icon-class="pallet"
|
|
|
+ @click.stop="click" />
|
|
|
</div>
|
|
|
- </el-header>
|
|
|
- <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="600px" label-position="right">
|
|
|
- <el-form-item label="仓库" prop="warehouseId" v-show="false">
|
|
|
- <el-select v-model="queryParams.warehouseId" placeholder="请选择所属仓库" clearable size="small" style="width: 100%" >
|
|
|
- <el-option
|
|
|
- v-for="dict in this.warehouseCombo"
|
|
|
- :key="dict.warehouseId"
|
|
|
- :label="dict.warehouseName"
|
|
|
- :value="dict.warehouseId"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="区域" prop="zoneId">
|
|
|
- <el-select v-model="queryParams.zoneId" placeholder="请选择库区" clearable size="small" style="width: 100%">
|
|
|
- <el-option
|
|
|
- v-for="dict in this.locationZoneCombo"
|
|
|
- :key="dict.zoneId"
|
|
|
- :label="dict.zoneName"
|
|
|
- :value="dict.zoneId"
|
|
|
- />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="刷新时间" labelWidth="80px">
|
|
|
- <el-select v-model="timerValue" @change="timerChange()" placeholder="" clearable size="small" style="width: 50%" >
|
|
|
- <el-option
|
|
|
- v-for="item in timerOptions"
|
|
|
- :key="item.value"
|
|
|
- :label="item.label"
|
|
|
- :value="item.value">
|
|
|
- </el-option>
|
|
|
-
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
|
|
- <el-button type="primary" plain size="mini" @click="open1">打开拆包机1</el-button>
|
|
|
- <el-button type="primary" plain size="mini" @click="open2">打开拆包机2</el-button>
|
|
|
- <el-button type="primary" plain size="mini" @click="open3">打开拆包机3</el-button>
|
|
|
- <el-button type="primary" plain size="mini" @click="open4">打开拆包机4</el-button>
|
|
|
- <el-button type="primary" plain size="mini" @click="open5">打开拆包机5</el-button>
|
|
|
- <el-button type="primary" plain size="mini" @click="close1">关闭拆包机1</el-button>
|
|
|
- <el-button type="primary" plain size="mini" @click="close2">关闭拆包机2</el-button>
|
|
|
- <el-button type="primary" plain size="mini" @click="close3">关闭拆包机3</el-button>
|
|
|
- <el-button type="primary" plain size="mini" @click="close4">关闭拆包机4</el-button>
|
|
|
- <el-button type="primary" plain size="mini" @click="close5">关闭拆包机5</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <el-main>
|
|
|
- <el-card v-for="zone in locationZoneList" v-bind:key="zone.zoneName" class="box-card">
|
|
|
- <div slot="header" class="clearfix">
|
|
|
- <span style="font-weight: bold">{{zone.zoneName}}</span>
|
|
|
- </div>
|
|
|
- <div class="divBoxCol" v-for="col in zone.basLocationGuiColDTOS">
|
|
|
- <div v-for="o in col.baseLocationGuiDTOList" v-bind:key="o.id" class="text item divBox" @click="changeLocation(o)">
|
|
|
- <div class="divMinBox" v-show="o.locationNo!=null">
|
|
|
- {{o.locationNo}}<!--(<font class="pointcss">{{o.agvStation}}</font>)-->
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div v-show="o.isEmpty=='Y'" :class="{'locDiv': true,'colorWhite': true, 'colorYellow': o.stockStatus!='00'}">
|
|
|
- </div>
|
|
|
- <div v-show="o.isEmpty=='N'" :class="{'locDiv': true,'colorGreen': o.isEmptyPlate != 'Y','colorRed': o.lotatt05 == 'BHG','colorYellow': o.stockStatus!='00'}">
|
|
|
- <div class="divMinFontBox" v-show="o.isEmpty=='N' && o.isEmptyPlate != 'Y' ">
|
|
|
- <div v-show="o.skuName!=null" style="color: #FFFFFF;font-size:10px;">{{o.skuName}}</div>
|
|
|
- <div style="color: #FFFFFF;font-size:10px;">{{o.lotatt01}} </div>
|
|
|
-<!-- <div v-show="o.lotatt05!=null" style="color: #FFFFFF">{{o.lotatt05}}</div>-->
|
|
|
-<!-- <div v-show="o.lotatt08!=null" style="color: #FFFFFF">{{o.lotatt08}}</div>-->
|
|
|
+ </div>
|
|
|
+ </el-header>
|
|
|
+ <el-form
|
|
|
+ :model="queryParams"
|
|
|
+ ref="queryForm"
|
|
|
+ :inline="true"
|
|
|
+ v-show="showSearch"
|
|
|
+ label-width="600px"
|
|
|
+ label-position="right">
|
|
|
+ <el-form-item label="仓库" prop="warehouseId" v-show="false">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.warehouseId"
|
|
|
+ placeholder="请选择所属仓库"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ style="width: 100%">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in this.warehouseCombo"
|
|
|
+ :key="dict.warehouseId"
|
|
|
+ :label="dict.warehouseName"
|
|
|
+ :value="dict.warehouseId" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="区域" prop="zoneId">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.zoneId"
|
|
|
+ placeholder="请选择库区"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ style="width: 100%">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in this.locationZoneCombo"
|
|
|
+ :key="dict.zoneId"
|
|
|
+ :label="dict.zoneName"
|
|
|
+ :value="dict.zoneId" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="刷新时间" labelWidth="80px">
|
|
|
+ <el-select
|
|
|
+ v-model="timerValue"
|
|
|
+ @change="timerChange()"
|
|
|
+ placeholder=""
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ style="width: 50%">
|
|
|
+ <el-option
|
|
|
+ v-for="item in timerOptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ icon="el-icon-search"
|
|
|
+ size="mini"
|
|
|
+ @click="handleQuery">
|
|
|
+ 搜索
|
|
|
+ </el-button>
|
|
|
+ <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">
|
|
|
+ 重置
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" plain size="mini" @click="open1">
|
|
|
+ 打开拆包机1
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" plain size="mini" @click="open2">
|
|
|
+ 打开拆包机2
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" plain size="mini" @click="open3">
|
|
|
+ 打开拆包机3
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" plain size="mini" @click="open4">
|
|
|
+ 打开拆包机4
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" plain size="mini" @click="open5">
|
|
|
+ 打开拆包机5
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" plain size="mini" @click="close1">
|
|
|
+ 关闭拆包机1
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" plain size="mini" @click="close2">
|
|
|
+ 关闭拆包机2
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" plain size="mini" @click="close3">
|
|
|
+ 关闭拆包机3
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" plain size="mini" @click="close4">
|
|
|
+ 关闭拆包机4
|
|
|
+ </el-button>
|
|
|
+ <el-button type="primary" plain size="mini" @click="close5">
|
|
|
+ 关闭拆包机5
|
|
|
+ </el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-main>
|
|
|
+ <el-card
|
|
|
+ v-for="zone in locationZoneList"
|
|
|
+ v-bind:key="zone.zoneName"
|
|
|
+ class="box-card">
|
|
|
+ <div slot="header" class="clearfix">
|
|
|
+ <span style="font-weight: bold">{{ zone.zoneName }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="divBoxCol" v-for="col in zone.basLocationGuiColDTOS">
|
|
|
+ <div
|
|
|
+ v-for="o in col.baseLocationGuiDTOList"
|
|
|
+ v-bind:key="o.id"
|
|
|
+ class="text item divBox"
|
|
|
+ @click="changeLocation(o)">
|
|
|
+ <div class="divMinBox" v-show="o.locationNo != null">
|
|
|
+ <p><{{ o.locationNo }}</p>
|
|
|
+ <!--(<font class="pointcss">{{o.agvStation}}</font>)-->
|
|
|
+ <p v-show="o.isEmptyPlate != 'Y'" style="margin: 0">
|
|
|
+ {{ o.userdefine4 }}
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <div
|
|
|
+ v-show="o.isEmpty == 'Y'"
|
|
|
+ :class="{
|
|
|
+ locDiv: true,
|
|
|
+ colorWhite: true,
|
|
|
+ colorYellow: o.stockStatus != '00',
|
|
|
+ }"></div>
|
|
|
+ <div
|
|
|
+ v-show="o.isEmpty == 'N'"
|
|
|
+ :class="{
|
|
|
+ locDiv: true,
|
|
|
+ colorGreen: o.isEmptyPlate != 'Y',
|
|
|
+ colorRed: o.lotatt05 == 'BHG',
|
|
|
+ colorYellow: o.stockStatus != '00',
|
|
|
+ }">
|
|
|
+ <div
|
|
|
+ class="divMinFontBox"
|
|
|
+ v-show="o.isEmpty == 'N' && o.isEmptyPlate != 'Y'">
|
|
|
+ <div
|
|
|
+ v-show="o.skuName != null"
|
|
|
+ style="color: #ffffff; font-size: 10px">
|
|
|
+ {{ o.skuName }}
|
|
|
</div>
|
|
|
- <div class="divMinFontBoxEmptyPlate" v-show="o.isEmptyPlate == 'Y'">
|
|
|
- <svg-icon class-name="pallet-icon" icon-class="pallet" @click.stop="click" style="width: 60px;height: 35px;">{{o.id}}</svg-icon>
|
|
|
- <div style="color: #191970;font-size:12px;">{{o.skuName}} </div>
|
|
|
+ <div style="color: #ffffff; font-size: 10px">
|
|
|
+ {{ o.lotatt01 }}
|
|
|
+ </div>
|
|
|
+ <!-- <div v-show="o.lotatt05!=null" style="color: #FFFFFF">{{o.lotatt05}}</div>-->
|
|
|
+ <!-- <div v-show="o.lotatt08!=null" style="color: #FFFFFF">{{o.lotatt08}}</div>-->
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="divMinFontBoxEmptyPlate"
|
|
|
+ v-show="o.isEmptyPlate == 'Y'">
|
|
|
+ <svg-icon
|
|
|
+ class-name="pallet-icon"
|
|
|
+ icon-class="pallet"
|
|
|
+ @click.stop="click"
|
|
|
+ style="width: 60px; height: 35px">
|
|
|
+ {{ o.id }}
|
|
|
+ </svg-icon>
|
|
|
+ <div style="color: #191970; font-size: 12px">
|
|
|
+ {{ o.skuName }}
|
|
|
+ <p style="margin: 0">
|
|
|
+ {{ o.userdefine4 }}
|
|
|
+ </p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </el-card>
|
|
|
- </el-main>
|
|
|
- <!-- 点击库位弹出展示框做修改 -->
|
|
|
- <el-dialog title="操作" :visible.sync="open" width="1000px" append-to-body>
|
|
|
- <el-form>
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" @click="lockLoc()">锁定/解锁</el-button>
|
|
|
- <el-button type="primary" @click="occupyLoc()">有货/无货</el-button>
|
|
|
- <el-button type="primary" @click="clearLoc()">清空</el-button>
|
|
|
- <!--<el-button type="primary" @click="submitForm">初始化一个空托盘</el-button>-->
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- <el-divider content-position="center">批次属性信息</el-divider>
|
|
|
- <el-table v-loading="loading" :data="form.lotattList">
|
|
|
- <el-table-column label="物料" align="center" prop="sku" width="200"/>
|
|
|
- <el-table-column label="物料名称" align="center" prop="skuName" width="200"/>
|
|
|
- <el-table-column label="库位" align="center" prop="locationNo" width="200"/>
|
|
|
- <el-table-column label="wcs任务号" align="center" prop="traceid" width="200"/>
|
|
|
- <el-table-column label="库存数量" align="center" prop="qty"/>
|
|
|
- <el-table-column label="已分配数量" align="center" prop="qtyallocated" width="200"/>
|
|
|
- <el-table-column
|
|
|
- v-for="(item, index) in itemOption"
|
|
|
- :key="index_back"
|
|
|
- :label="item.label"
|
|
|
- align="center" :prop="item.prop" width="200">
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- <!--<el-descriptions title="批次属性" :column="2" border>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ </el-main>
|
|
|
+ <!-- 点击库位弹出展示框做修改 -->
|
|
|
+ <el-dialog title="操作" :visible.sync="open" width="1000px" append-to-body>
|
|
|
+ <el-form>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="lockLoc()">锁定/解锁</el-button>
|
|
|
+ <el-button type="primary" @click="occupyLoc()">有货/无货</el-button>
|
|
|
+ <el-button type="primary" @click="clearLoc()">清空</el-button>
|
|
|
+ <!--<el-button type="primary" @click="submitForm">初始化一个空托盘</el-button>-->
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-divider content-position="center">批次属性信息</el-divider>
|
|
|
+ <el-table v-loading="loading" :data="form.lotattList">
|
|
|
+ <el-table-column label="物料" align="center" prop="sku" width="200" />
|
|
|
+ <el-table-column
|
|
|
+ label="物料名称"
|
|
|
+ align="center"
|
|
|
+ prop="skuName"
|
|
|
+ width="200" />
|
|
|
+ <el-table-column
|
|
|
+ label="库位"
|
|
|
+ align="center"
|
|
|
+ prop="locationNo"
|
|
|
+ width="200" />
|
|
|
+ <el-table-column
|
|
|
+ label="wcs任务号"
|
|
|
+ align="center"
|
|
|
+ prop="traceid"
|
|
|
+ width="200" />
|
|
|
+ <el-table-column label="库存数量" align="center" prop="qty" />
|
|
|
+ <el-table-column
|
|
|
+ label="已分配数量"
|
|
|
+ align="center"
|
|
|
+ prop="qtyallocated"
|
|
|
+ width="200" />
|
|
|
+ <el-table-column
|
|
|
+ v-for="(item, index) in itemOption"
|
|
|
+ :key="index_back"
|
|
|
+ :label="item.label"
|
|
|
+ align="center"
|
|
|
+ :prop="item.prop"
|
|
|
+ width="200"></el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <!--<el-descriptions title="批次属性" :column="2" border>
|
|
|
<el-descriptions-item v-for="(item, index) in itemOption" :label="item.label">{{form[`${item.prop}`]}}</el-descriptions-item>
|
|
|
</el-descriptions>-->
|
|
|
- </el-dialog>
|
|
|
- </el-container>
|
|
|
+ </el-dialog>
|
|
|
+ </el-container>
|
|
|
</template>
|
|
|
<script>
|
|
|
import {
|
|
|
@@ -136,8 +239,7 @@ import {
|
|
|
locationInvView,
|
|
|
queryLocationZoneDict,
|
|
|
lockLocRequest,
|
|
|
- lotattConfigList
|
|
|
- ,
|
|
|
+ lotattConfigList,
|
|
|
lotattInfo,
|
|
|
occupyLocRequest,
|
|
|
queryWarehouseDict,
|
|
|
@@ -150,280 +252,270 @@ import {
|
|
|
close2,
|
|
|
close3,
|
|
|
close4,
|
|
|
- close5
|
|
|
+ close5,
|
|
|
} from "@/api/ams/locationView";
|
|
|
|
|
|
- export default {
|
|
|
- data () {
|
|
|
- return {
|
|
|
- timerOptions: [{
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ timerOptions: [
|
|
|
+ {
|
|
|
value: 60000,
|
|
|
- label: '1分钟'
|
|
|
- }, {
|
|
|
+ label: "1分钟",
|
|
|
+ },
|
|
|
+ {
|
|
|
value: 300000,
|
|
|
- label: '5分钟'
|
|
|
- }, {
|
|
|
+ label: "5分钟",
|
|
|
+ },
|
|
|
+ {
|
|
|
value: 600000,
|
|
|
- label: '10分钟'
|
|
|
- }, {
|
|
|
- value: 900000,
|
|
|
- label: '15分钟'
|
|
|
- }, {
|
|
|
- value: 1200000,
|
|
|
- label: '20分钟'
|
|
|
+ label: "10分钟",
|
|
|
},
|
|
|
- {
|
|
|
- value: 5000,
|
|
|
- label: '5秒'
|
|
|
- }],
|
|
|
- timerValue: 5000,
|
|
|
- open: false,
|
|
|
- showSearch: true,
|
|
|
- dataForm: {
|
|
|
- zoneId: ''
|
|
|
+ {
|
|
|
+ value: 900000,
|
|
|
+ label: "15分钟",
|
|
|
},
|
|
|
- queryParams: {
|
|
|
- zoneId: '',
|
|
|
- warehouseId: ''
|
|
|
+ {
|
|
|
+ value: 1200000,
|
|
|
+ label: "20分钟",
|
|
|
},
|
|
|
- locationZoneList: [],
|
|
|
- locationList: {'a': [1, 2, 3]},
|
|
|
- locationClearVisible: false,
|
|
|
- // 表单参数
|
|
|
- form: {
|
|
|
- lotatt01: '',
|
|
|
- lotatt02: '',
|
|
|
- lotatt03: '',
|
|
|
- lotatt04: '',
|
|
|
- lotatt05: '',
|
|
|
- lotatt06: '',
|
|
|
- lotatt07: '',
|
|
|
- lotatt08: '',
|
|
|
- lotatt09: '',
|
|
|
- lotatt10: '',
|
|
|
- lotatt11: '',
|
|
|
- lotatt12: '',
|
|
|
- lotatt13: '',
|
|
|
- lotatt14: '',
|
|
|
- lotatt15: '',
|
|
|
- lotatt16: '',
|
|
|
- lotatt17: '',
|
|
|
- lotatt18: '',
|
|
|
- lotattList: null
|
|
|
+ {
|
|
|
+ value: 5000,
|
|
|
+ label: "5秒",
|
|
|
},
|
|
|
- itemOption: []
|
|
|
- }
|
|
|
- },
|
|
|
- mounted () {
|
|
|
- },
|
|
|
- activated () {
|
|
|
- },
|
|
|
- created () {
|
|
|
- // this.getWarehouseList()
|
|
|
- this.getBasZoneList()
|
|
|
- this.getDataList()
|
|
|
- this.getItemopention()
|
|
|
- this.timer = setInterval(this.getDataList, this.timerValue);
|
|
|
- },
|
|
|
- beforeDestroy () {
|
|
|
- clearInterval(this.timer)
|
|
|
- },
|
|
|
- methods: {
|
|
|
- handleQuery() {
|
|
|
- this.getDataList();
|
|
|
+ ],
|
|
|
+ timerValue: 5000,
|
|
|
+ open: false,
|
|
|
+ showSearch: true,
|
|
|
+ dataForm: {
|
|
|
+ zoneId: "",
|
|
|
},
|
|
|
- open1() {
|
|
|
- let that = this
|
|
|
- this.$modal.confirm('是否确认要打开1号拆包机').then(function() {
|
|
|
- open1(that.currentSelect).then(response => {
|
|
|
- if (response.code === 200) {
|
|
|
- that.$modal.msgSuccess(response.msg);
|
|
|
- that.search();
|
|
|
- } else {
|
|
|
- that.$modal.msgError(response.msg);
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
+ queryParams: {
|
|
|
+ zoneId: "",
|
|
|
+ warehouseId: "",
|
|
|
},
|
|
|
- open2() {
|
|
|
- let that = this
|
|
|
- this.$modal.confirm('是否确认要打开2号拆包机').then(function() {
|
|
|
- open2(that.currentSelect).then(response => {
|
|
|
- if (response.code === 200) {
|
|
|
- that.$modal.msgSuccess(response.msg);
|
|
|
- that.search();
|
|
|
- } else {
|
|
|
- that.$modal.msgError(response.msg);
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
+ locationZoneList: [],
|
|
|
+ locationList: { a: [1, 2, 3] },
|
|
|
+ locationClearVisible: false,
|
|
|
+ // 表单参数
|
|
|
+ form: {
|
|
|
+ lotatt01: "",
|
|
|
+ lotatt02: "",
|
|
|
+ lotatt03: "",
|
|
|
+ lotatt04: "",
|
|
|
+ lotatt05: "",
|
|
|
+ lotatt06: "",
|
|
|
+ lotatt07: "",
|
|
|
+ lotatt08: "",
|
|
|
+ lotatt09: "",
|
|
|
+ lotatt10: "",
|
|
|
+ lotatt11: "",
|
|
|
+ lotatt12: "",
|
|
|
+ lotatt13: "",
|
|
|
+ lotatt14: "",
|
|
|
+ lotatt15: "",
|
|
|
+ lotatt16: "",
|
|
|
+ lotatt17: "",
|
|
|
+ lotatt18: "",
|
|
|
+ lotattList: null,
|
|
|
},
|
|
|
- open3() {
|
|
|
- let that = this
|
|
|
- this.$modal.confirm('是否确认要打开3号拆包机').then(function() {
|
|
|
- open3(that.currentSelect).then(response => {
|
|
|
- if (response.code === 200) {
|
|
|
- that.$modal.msgSuccess(response.msg);
|
|
|
- that.search();
|
|
|
- } else {
|
|
|
- that.$modal.msgError(response.msg);
|
|
|
- }
|
|
|
- });
|
|
|
+ itemOption: [],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ mounted() {},
|
|
|
+ activated() {},
|
|
|
+ created() {
|
|
|
+ // this.getWarehouseList()
|
|
|
+ this.getBasZoneList();
|
|
|
+ this.getDataList();
|
|
|
+ this.getItemopention();
|
|
|
+ this.timer = setInterval(this.getDataList, this.timerValue);
|
|
|
+ },
|
|
|
+ beforeDestroy() {
|
|
|
+ clearInterval(this.timer);
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ handleQuery() {
|
|
|
+ this.getDataList();
|
|
|
+ },
|
|
|
+ open1() {
|
|
|
+ let that = this;
|
|
|
+ this.$modal.confirm("是否确认要打开1号拆包机").then(function () {
|
|
|
+ open1(that.currentSelect).then((response) => {
|
|
|
+ if (response.code === 200) {
|
|
|
+ that.$modal.msgSuccess(response.msg);
|
|
|
+ that.search();
|
|
|
+ } else {
|
|
|
+ that.$modal.msgError(response.msg);
|
|
|
+ }
|
|
|
});
|
|
|
- },
|
|
|
- open4() {
|
|
|
- let that = this
|
|
|
- this.$modal.confirm('是否确认要打开4号拆包机').then(function() {
|
|
|
- open4(that.currentSelect).then(response => {
|
|
|
- if (response.code === 200) {
|
|
|
- that.$modal.msgSuccess(response.msg);
|
|
|
- that.search();
|
|
|
- } else {
|
|
|
- that.$modal.msgError(response.msg);
|
|
|
- }
|
|
|
- });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ open2() {
|
|
|
+ let that = this;
|
|
|
+ this.$modal.confirm("是否确认要打开2号拆包机").then(function () {
|
|
|
+ open2(that.currentSelect).then((response) => {
|
|
|
+ if (response.code === 200) {
|
|
|
+ that.$modal.msgSuccess(response.msg);
|
|
|
+ that.search();
|
|
|
+ } else {
|
|
|
+ that.$modal.msgError(response.msg);
|
|
|
+ }
|
|
|
});
|
|
|
- },
|
|
|
- open5() {
|
|
|
- let that = this
|
|
|
- this.$modal.confirm('是否确认要打开5号拆包机').then(function() {
|
|
|
- open5(that.currentSelect).then(response => {
|
|
|
- if (response.code === 200) {
|
|
|
- that.$modal.msgSuccess(response.msg);
|
|
|
- that.search();
|
|
|
- } else {
|
|
|
- that.$modal.msgError(response.msg);
|
|
|
- }
|
|
|
- });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ open3() {
|
|
|
+ let that = this;
|
|
|
+ this.$modal.confirm("是否确认要打开3号拆包机").then(function () {
|
|
|
+ open3(that.currentSelect).then((response) => {
|
|
|
+ if (response.code === 200) {
|
|
|
+ that.$modal.msgSuccess(response.msg);
|
|
|
+ that.search();
|
|
|
+ } else {
|
|
|
+ that.$modal.msgError(response.msg);
|
|
|
+ }
|
|
|
});
|
|
|
- },
|
|
|
- close1(){
|
|
|
- let that = this
|
|
|
- this.$modal.confirm('是否确认要关闭1号拆包机').then(function() {
|
|
|
- close1(that.currentSelect).then(response => {
|
|
|
- if (response.code === 200) {
|
|
|
- that.$modal.msgSuccess(response.msg);
|
|
|
- that.search();
|
|
|
- } else {
|
|
|
- that.$modal.msgError(response.msg);
|
|
|
- }
|
|
|
- });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ open4() {
|
|
|
+ let that = this;
|
|
|
+ this.$modal.confirm("是否确认要打开4号拆包机").then(function () {
|
|
|
+ open4(that.currentSelect).then((response) => {
|
|
|
+ if (response.code === 200) {
|
|
|
+ that.$modal.msgSuccess(response.msg);
|
|
|
+ that.search();
|
|
|
+ } else {
|
|
|
+ that.$modal.msgError(response.msg);
|
|
|
+ }
|
|
|
});
|
|
|
- },
|
|
|
- close2(){
|
|
|
- let that = this
|
|
|
- this.$modal.confirm('是否确认要关闭2号拆包机').then(function() {
|
|
|
- close2(that.currentSelect).then(response => {
|
|
|
- if (response.code === 200) {
|
|
|
- that.$modal.msgSuccess(response.msg);
|
|
|
- that.search();
|
|
|
- } else {
|
|
|
- that.$modal.msgError(response.msg);
|
|
|
- }
|
|
|
- });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ open5() {
|
|
|
+ let that = this;
|
|
|
+ this.$modal.confirm("是否确认要打开5号拆包机").then(function () {
|
|
|
+ open5(that.currentSelect).then((response) => {
|
|
|
+ if (response.code === 200) {
|
|
|
+ that.$modal.msgSuccess(response.msg);
|
|
|
+ that.search();
|
|
|
+ } else {
|
|
|
+ that.$modal.msgError(response.msg);
|
|
|
+ }
|
|
|
});
|
|
|
- },
|
|
|
- close3(){
|
|
|
- let that = this
|
|
|
- this.$modal.confirm('是否确认要关闭3号拆包机').then(function() {
|
|
|
- close3(that.currentSelect).then(response => {
|
|
|
- if (response.code === 200) {
|
|
|
- that.$modal.msgSuccess(response.msg);
|
|
|
- that.search();
|
|
|
- } else {
|
|
|
- that.$modal.msgError(response.msg);
|
|
|
- }
|
|
|
- });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ close1() {
|
|
|
+ let that = this;
|
|
|
+ this.$modal.confirm("是否确认要关闭1号拆包机").then(function () {
|
|
|
+ close1(that.currentSelect).then((response) => {
|
|
|
+ if (response.code === 200) {
|
|
|
+ that.$modal.msgSuccess(response.msg);
|
|
|
+ that.search();
|
|
|
+ } else {
|
|
|
+ that.$modal.msgError(response.msg);
|
|
|
+ }
|
|
|
});
|
|
|
- },
|
|
|
- close4(){
|
|
|
- let that = this
|
|
|
- this.$modal.confirm('是否确认要关闭4号拆包机').then(function() {
|
|
|
- close4(that.currentSelect).then(response => {
|
|
|
- if (response.code === 200) {
|
|
|
- that.$modal.msgSuccess(response.msg);
|
|
|
- that.search();
|
|
|
- } else {
|
|
|
- that.$modal.msgError(response.msg);
|
|
|
- }
|
|
|
- });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ close2() {
|
|
|
+ let that = this;
|
|
|
+ this.$modal.confirm("是否确认要关闭2号拆包机").then(function () {
|
|
|
+ close2(that.currentSelect).then((response) => {
|
|
|
+ if (response.code === 200) {
|
|
|
+ that.$modal.msgSuccess(response.msg);
|
|
|
+ that.search();
|
|
|
+ } else {
|
|
|
+ that.$modal.msgError(response.msg);
|
|
|
+ }
|
|
|
});
|
|
|
- },
|
|
|
- close5(){
|
|
|
- let that = this
|
|
|
- this.$modal.confirm('是否确认要关闭5号拆包机').then(function() {
|
|
|
- close5(that.currentSelect).then(response => {
|
|
|
- if (response.code === 200) {
|
|
|
- that.$modal.msgSuccess(response.msg);
|
|
|
- that.search();
|
|
|
- } else {
|
|
|
- that.$modal.msgError(response.msg);
|
|
|
- }
|
|
|
- });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ close3() {
|
|
|
+ let that = this;
|
|
|
+ this.$modal.confirm("是否确认要关闭3号拆包机").then(function () {
|
|
|
+ close3(that.currentSelect).then((response) => {
|
|
|
+ if (response.code === 200) {
|
|
|
+ that.$modal.msgSuccess(response.msg);
|
|
|
+ that.search();
|
|
|
+ } else {
|
|
|
+ that.$modal.msgError(response.msg);
|
|
|
+ }
|
|
|
});
|
|
|
- },
|
|
|
- clearInterval () {
|
|
|
- clearInterval(this.timer)
|
|
|
- },
|
|
|
- timerChange(){
|
|
|
- this.clearInterval ();
|
|
|
- this.timer = setInterval(this.getDataList, this.timerValue);
|
|
|
- },
|
|
|
- getItemopention(){
|
|
|
- lotattConfigList().then(response => {
|
|
|
- let data = response.data
|
|
|
- for(let i=0;i<data.length;i++) {
|
|
|
- let obj = new Object();
|
|
|
- obj.label = data[i].lotattName
|
|
|
- obj.prop = data[i].lotattId
|
|
|
- this.itemOption.push(obj)
|
|
|
+ });
|
|
|
+ },
|
|
|
+ close4() {
|
|
|
+ let that = this;
|
|
|
+ this.$modal.confirm("是否确认要关闭4号拆包机").then(function () {
|
|
|
+ close4(that.currentSelect).then((response) => {
|
|
|
+ if (response.code === 200) {
|
|
|
+ that.$modal.msgSuccess(response.msg);
|
|
|
+ that.search();
|
|
|
+ } else {
|
|
|
+ that.$modal.msgError(response.msg);
|
|
|
}
|
|
|
- })
|
|
|
- },
|
|
|
- getDataList () {
|
|
|
- this.dataListLoading = true
|
|
|
- locationInvView(this.queryParams).then(response => {
|
|
|
- this.locationZoneList = response.data
|
|
|
- })
|
|
|
- this.dataListLoading = false
|
|
|
- },
|
|
|
- changeLocation(o){
|
|
|
- this.selected(o)
|
|
|
- // alert(o.locationNo);
|
|
|
- },
|
|
|
- resetQuery() {//重置搜索
|
|
|
- this.resetForm("queryForm");
|
|
|
- this.getDataList();
|
|
|
- },
|
|
|
- selected(item) {
|
|
|
- if (item.locationNo) {
|
|
|
- this.currentSelect = parseInt(item.id)
|
|
|
- this.open = true;
|
|
|
- lotattInfo(this.currentSelect).then(response => {
|
|
|
- this.form.lotattList = response.data
|
|
|
- this.loading = false;
|
|
|
- })
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ close5() {
|
|
|
+ let that = this;
|
|
|
+ this.$modal.confirm("是否确认要关闭5号拆包机").then(function () {
|
|
|
+ close5(that.currentSelect).then((response) => {
|
|
|
+ if (response.code === 200) {
|
|
|
+ that.$modal.msgSuccess(response.msg);
|
|
|
+ that.search();
|
|
|
+ } else {
|
|
|
+ that.$modal.msgError(response.msg);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ clearInterval() {
|
|
|
+ clearInterval(this.timer);
|
|
|
+ },
|
|
|
+ timerChange() {
|
|
|
+ this.clearInterval();
|
|
|
+ this.timer = setInterval(this.getDataList, this.timerValue);
|
|
|
+ },
|
|
|
+ getItemopention() {
|
|
|
+ lotattConfigList().then((response) => {
|
|
|
+ let data = response.data;
|
|
|
+ for (let i = 0; i < data.length; i++) {
|
|
|
+ let obj = new Object();
|
|
|
+ obj.label = data[i].lotattName;
|
|
|
+ obj.prop = data[i].lotattId;
|
|
|
+ this.itemOption.push(obj);
|
|
|
}
|
|
|
-
|
|
|
- },
|
|
|
- lockLoc() {
|
|
|
- let that = this
|
|
|
- this.$modal.confirm('是否确认要锁定/解锁？').then(function() {
|
|
|
- lockLocRequest(that.currentSelect).then(response => {
|
|
|
- if (response.code === 200) {
|
|
|
- that.open = false;
|
|
|
- that.$modal.msgSuccess(response.msg);
|
|
|
- that.search();
|
|
|
- } else {
|
|
|
- that.$modal.msgError(response.msg);
|
|
|
- }
|
|
|
- });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getDataList() {
|
|
|
+ this.dataListLoading = true;
|
|
|
+ locationInvView(this.queryParams).then((response) => {
|
|
|
+ this.locationZoneList = response.data;
|
|
|
+ });
|
|
|
+ this.dataListLoading = false;
|
|
|
+ },
|
|
|
+ changeLocation(o) {
|
|
|
+ this.selected(o);
|
|
|
+ // alert(o.locationNo);
|
|
|
+ },
|
|
|
+ resetQuery() {
|
|
|
+ //重置搜索
|
|
|
+ this.resetForm("queryForm");
|
|
|
+ this.getDataList();
|
|
|
+ },
|
|
|
+ selected(item) {
|
|
|
+ if (item.locationNo) {
|
|
|
+ this.currentSelect = parseInt(item.id);
|
|
|
+ this.open = true;
|
|
|
+ lotattInfo(this.currentSelect).then((response) => {
|
|
|
+ this.form.lotattList = response.data;
|
|
|
+ this.loading = false;
|
|
|
});
|
|
|
- },
|
|
|
- occupyLoc() {
|
|
|
- let that = this
|
|
|
- this.$modal.confirm('是否确认要修改库位状态？').then(function() {
|
|
|
- occupyLocRequest(that.currentSelect).then(response => {
|
|
|
+ }
|
|
|
+ },
|
|
|
+ lockLoc() {
|
|
|
+ let that = this;
|
|
|
+ this.$modal.confirm("是否确认要锁定/解锁？").then(function () {
|
|
|
+ lockLocRequest(that.currentSelect).then((response) => {
|
|
|
if (response.code === 200) {
|
|
|
that.open = false;
|
|
|
that.$modal.msgSuccess(response.msg);
|
|
|
@@ -431,40 +523,53 @@ import {
|
|
|
} else {
|
|
|
that.$modal.msgError(response.msg);
|
|
|
}
|
|
|
- });
|
|
|
});
|
|
|
- },
|
|
|
- clearLoc() {
|
|
|
- let that = this
|
|
|
- this.$modal.confirm('是否确认要清空库存？').then(function() {
|
|
|
- clearLocRequest(that.currentSelect).then(response => {
|
|
|
- if (response.code === 200) {
|
|
|
- that.open = false;
|
|
|
- that.$modal.msgSuccess(response.msg);
|
|
|
- that.search();
|
|
|
- } else {
|
|
|
- that.$modal.msgError(response.msg);
|
|
|
- }
|
|
|
- });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ occupyLoc() {
|
|
|
+ let that = this;
|
|
|
+ this.$modal.confirm("是否确认要修改库位状态？").then(function () {
|
|
|
+ occupyLocRequest(that.currentSelect).then((response) => {
|
|
|
+ if (response.code === 200) {
|
|
|
+ that.open = false;
|
|
|
+ that.$modal.msgSuccess(response.msg);
|
|
|
+ that.search();
|
|
|
+ } else {
|
|
|
+ that.$modal.msgError(response.msg);
|
|
|
+ }
|
|
|
});
|
|
|
- },
|
|
|
- getBasZoneList() {
|
|
|
- queryLocationZoneDict().then(response => {
|
|
|
- this.locationZoneCombo = response.data
|
|
|
- })
|
|
|
- },
|
|
|
- getWarehouseList() {
|
|
|
- queryWarehouseDict().then(response => {
|
|
|
- this.warehouseCombo = response.data
|
|
|
+ });
|
|
|
+ },
|
|
|
+ clearLoc() {
|
|
|
+ let that = this;
|
|
|
+ this.$modal.confirm("是否确认要清空库存？").then(function () {
|
|
|
+ clearLocRequest(that.currentSelect).then((response) => {
|
|
|
+ if (response.code === 200) {
|
|
|
+ that.open = false;
|
|
|
+ that.$modal.msgSuccess(response.msg);
|
|
|
+ that.search();
|
|
|
+ } else {
|
|
|
+ that.$modal.msgError(response.msg);
|
|
|
+ }
|
|
|
});
|
|
|
- },
|
|
|
- }
|
|
|
- }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getBasZoneList() {
|
|
|
+ queryLocationZoneDict().then((response) => {
|
|
|
+ this.locationZoneCombo = response.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ getWarehouseList() {
|
|
|
+ queryWarehouseDict().then((response) => {
|
|
|
+ this.warehouseCombo = response.data;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
|
-
|
|
|
-.pointcss{
|
|
|
+.pointcss {
|
|
|
color: hotpink;
|
|
|
}
|
|
|
|
|
|
@@ -537,11 +642,9 @@ import {
|
|
|
padding-top: 5px;
|
|
|
}
|
|
|
|
|
|
-.box-card{
|
|
|
+.box-card {
|
|
|
width: 100%;
|
|
|
- display:inline-block;
|
|
|
+ display: inline-block;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
</style>
|
|
|
-
|
|
|
-
|
mian Boss