1. 盘点增加根据物料信息的二次判断；
2. 物料信息增加盘点指示器，1/3。
This commit is contained in:
parent
c4b8f5eeb4
commit
c5c53f30d5
|
|
@ -1,448 +1,491 @@
|
||||||
<template>
|
<template>
|
||||||
<div style="margin-bottom: 10px; height: 100%; padding-left: 1%; padding-right: 1%;">
|
<div style="margin-bottom: 10px; height: 100%; padding-left: 1%; padding-right: 1%;">
|
||||||
<el-config-provider :locale="zhCn">
|
<el-config-provider :locale="zhCn">
|
||||||
<div style="display: flex;justify-content: space-between;">
|
<div style="display: flex;justify-content: space-between;">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-input v-model="goodsIdQuery" style="width: 158px; margin-right: 10px;" placeholder="料号"
|
<el-input v-model="goodsIdQuery" style="width: 158px; margin-right: 10px;" placeholder="料号"
|
||||||
:suffix-icon="Search" />
|
:suffix-icon="Search"/>
|
||||||
<el-button type="primary" @click="search()">搜索</el-button>
|
<el-button type="primary" @click="search()">搜索</el-button>
|
||||||
<el-button type="warning" @click="reset()">重置</el-button>
|
<el-button type="warning" @click="reset()">重置</el-button>
|
||||||
<!-- <el-button type="warning" style="width: 201px; background-color: red; color: #000;" @click="setIndirect()">一键设置间接物料相关信息</el-button> -->
|
<!-- <el-button type="warning" style="width: 201px; background-color: red; color: #000;" @click="setIndirect()">一键设置间接物料相关信息</el-button> -->
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-button style="background-color: #00CED1; color: #000;"
|
<el-button style="background-color: #00CED1; color: #000;"
|
||||||
@click="uploadDialogVisible = true">导入</el-button>
|
@click="uploadDialogVisible = true">导入
|
||||||
<el-button style="background-color: #32CD32; color: #000;" @click="exportExcel()">导出</el-button>
|
</el-button>
|
||||||
</el-row>
|
<el-button style="background-color: #32CD32; color: #000;" @click="exportExcel()">导出</el-button>
|
||||||
</div>
|
</el-row>
|
||||||
<br />
|
</div>
|
||||||
<el-table :data="goodsList" stripe border v-loading="loading" class="table-class" highlight-current-row
|
<br/>
|
||||||
|
<el-table :data="goodsList" stripe border v-loading="loading" class="table-class" highlight-current-row
|
||||||
max-height="650px" @row-click="getCurrentRow" :header-cell-style="{ 'text-align': 'center' }"
|
max-height="650px" @row-click="getCurrentRow" :header-cell-style="{ 'text-align': 'center' }"
|
||||||
:cell-style="{ 'text-align': 'center' }">
|
:cell-style="{ 'text-align': 'center' }">
|
||||||
<el-table-column width="65px" fixed="left">
|
<el-table-column width="65px" fixed="left">
|
||||||
<template v-slot="scope">
|
<template v-slot="scope">
|
||||||
<el-radio :label="scope.row.goodsId" v-model="goodsId"> </el-radio>
|
<el-radio :label="scope.row.goodsId" v-model="goodsId"> </el-radio>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="goodsId" label="料号" fixed="left" min-width="120px" />
|
<el-table-column prop="goodsId" label="料号" fixed="left" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="goodsName" label="描述" min-width="120px" />
|
<el-table-column prop="goodsName" label="描述" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="goodsUnit" label="单位" min-width="120px" />
|
<el-table-column prop="goodsUnit" label="单位" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="goodsType" label="物料分类" min-width="120px" />
|
<el-table-column prop="goodsType" label="物料分类" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="providerType" label="供应商分类" min-width="120px" />
|
<el-table-column prop="providerType" label="供应商分类" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="weight" label="重量" min-width="120px" />
|
<el-table-column prop="weight" label="重量" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="weightUnit" label="重量单位" min-width="120px" />
|
<el-table-column prop="weightUnit" label="重量单位" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="quantityPerBox" label="每盒数量" min-width="120px" />
|
<el-table-column prop="quantityPerBox" label="每盒数量" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="unpackingType" label="拆包方式" min-width="120px" />
|
<el-table-column prop="unpackingType" label="拆包方式" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="vehicleType" label="料箱类型" min-width="120px" />
|
<el-table-column prop="vehicleType" label="料箱类型" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="vehicleTypeDescription" label="料箱类型描述" min-width="120px" />
|
<el-table-column prop="vehicleTypeDescription" label="料箱类型描述" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="goodsInVehicleType" label="料箱类型2" min-width="120px" />
|
<el-table-column prop="goodsInVehicleType" label="料箱类型2" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="feedingType" label="补料方式" min-width="120px" />
|
<el-table-column prop="feedingType" label="补料方式" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="feedingValue" label="补货点" min-width="120px" />
|
<el-table-column prop="feedingValue" label="补货点" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="heat" label="热度" min-width="120px" />
|
<el-table-column prop="heat" label="热度" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="releasePoint" label="卸货点" min-width="120px" />
|
<el-table-column prop="releasePoint" label="卸货点" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="dataSource" label="数据来源" min-width="120px" />
|
<el-table-column prop="dataSource" label="数据来源" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="lastUpdateTime" label="最近更新时间" :formatter="timeFormat" min-width="120px" />
|
<el-table-column prop="needInventory" label="盘点管理" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="lastUpdateUser" label="最近更新用户" min-width="120px" />
|
<el-table-column prop="haveSled" label="SLED管理" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column fixed="right" label="操作" width="240px">
|
<el-table-column prop="sledDays" label="SLED天数" min-width="120px" show-overflow-tooltip/>
|
||||||
<template v-slot="scope">
|
<el-table-column prop="indicator" label="盘点指示器" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-button plain type="primary" @click="editCurrentRowGoods(scope.row)">编辑</el-button>
|
<el-table-column prop="lastUpdateTime" label="最近更新时间" :formatter="timeFormat" min-width="120px"
|
||||||
<el-button plain type="danger" @click="deleteCurrentRowGoods(scope.row)">删除</el-button>
|
show-overflow-tooltip/>
|
||||||
</template>
|
<el-table-column prop="lastUpdateUser" label="最近更新用户" min-width="120px" show-overflow-tooltip/>
|
||||||
</el-table-column>
|
<el-table-column fixed="right" label="操作" width="240px">
|
||||||
</el-table>
|
<template v-slot="scope">
|
||||||
<br />
|
<el-button plain type="primary" @click="editCurrentRowGoods(scope.row)">编辑</el-button>
|
||||||
<el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize" :page-sizes="[10, 25, 50]"
|
<el-button plain type="danger" @click="deleteCurrentRowGoods(scope.row)">删除</el-button>
|
||||||
:small="false" :disabled="false" :background="false" :default-page-size="10"
|
</template>
|
||||||
layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="search"
|
</el-table-column>
|
||||||
@current-change="search" />
|
</el-table>
|
||||||
<el-dialog v-model="dialogVisible" title="物料信息" width="40%" draggable :show-close="false">
|
<br/>
|
||||||
<div
|
<el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize" :page-sizes="[10, 25, 50]"
|
||||||
style="max-width: 100%; max-height: 500px; overflow: auto; display: flex; justify-content: center;">
|
:small="false" :disabled="false" :background="false" :default-page-size="10"
|
||||||
<el-form ref="goodsFormRef" :model="goodsFormEntity" :label-position="labelPosition"
|
layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="search"
|
||||||
label-width="100px" style="width: 95%;" :rules="rules" status-icon>
|
@current-change="search"/>
|
||||||
<el-row :gutter="16">
|
<el-dialog v-model="dialogVisible" title="物料信息" width="40%" draggable :show-close="false">
|
||||||
<el-col :span="12" :offset="0">
|
<div
|
||||||
<el-form-item label="料号" prop="goodsId">
|
style="max-width: 100%; max-height: 500px; overflow: auto; display: flex; justify-content: center;">
|
||||||
<el-input v-model="goodsFormEntity.goodsId" disabled />
|
<el-form ref="goodsFormRef" :model="goodsFormEntity" :label-position="labelPosition"
|
||||||
</el-form-item>
|
label-width="100px" style="width: 95%;" :rules="rules" status-icon>
|
||||||
</el-col>
|
<el-row :gutter="16">
|
||||||
<el-col :span="12">
|
<el-col :span="12" :offset="0">
|
||||||
<el-form-item label="描述" prop="goodsName">
|
<el-form-item label="料号" prop="goodsId">
|
||||||
<el-input v-model="goodsFormEntity.goodsName" clearable />
|
<el-input v-model="goodsFormEntity.goodsId" disabled/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
<el-col :span="12">
|
||||||
<el-row :gutter="16">
|
<el-form-item label="描述" prop="goodsName">
|
||||||
<el-col :span="12" :offset="0">
|
<el-input v-model="goodsFormEntity.goodsName" clearable/>
|
||||||
<el-form-item label="单位" prop="goodsUnit">
|
</el-form-item>
|
||||||
<el-input v-model="goodsFormEntity.goodsUnit" clearable />
|
</el-col>
|
||||||
</el-form-item>
|
</el-row>
|
||||||
</el-col>
|
<el-row :gutter="16">
|
||||||
<el-col :span="12">
|
<el-col :span="12" :offset="0">
|
||||||
<el-form-item label="物料分类" prop="goodsType">
|
<el-form-item label="单位" prop="goodsUnit">
|
||||||
<el-input v-model="goodsFormEntity.goodsType" clearable />
|
<el-input v-model="goodsFormEntity.goodsUnit" clearable/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
<el-col :span="12">
|
||||||
<el-row :gutter="16">
|
<el-form-item label="物料分类" prop="goodsType">
|
||||||
<el-col :span="12" :offset="0">
|
<el-input v-model="goodsFormEntity.goodsType" clearable/>
|
||||||
<el-form-item label="供应商分类" prop="providerType">
|
</el-form-item>
|
||||||
<el-input v-model="goodsFormEntity.providerType" clearable />
|
</el-col>
|
||||||
</el-form-item>
|
</el-row>
|
||||||
</el-col>
|
<el-row :gutter="16">
|
||||||
<el-col :span="12">
|
<el-col :span="12" :offset="0">
|
||||||
<el-form-item label="重量" prop="weight">
|
<el-form-item label="供应商分类" prop="providerType">
|
||||||
<el-input-number v-model.number="goodsFormEntity.weight" controls-position="right"
|
<el-input v-model="goodsFormEntity.providerType" clearable/>
|
||||||
:precision="3" :step="0.1" :min="0" clearable />
|
</el-form-item>
|
||||||
</el-form-item>
|
</el-col>
|
||||||
</el-col>
|
<el-col :span="12">
|
||||||
</el-row>
|
<el-form-item label="重量" prop="weight">
|
||||||
<el-row :gutter="16">
|
<el-input-number v-model.number="goodsFormEntity.weight" controls-position="right"
|
||||||
<el-col :span="12" :offset="0">
|
:precision="3" :step="0.1" :min="0" clearable/>
|
||||||
<el-form-item label="重量单位" prop="weightUnit">
|
</el-form-item>
|
||||||
<el-input v-model="goodsFormEntity.weightUnit" clearable />
|
</el-col>
|
||||||
</el-form-item>
|
</el-row>
|
||||||
</el-col>
|
<el-row :gutter="16">
|
||||||
<el-col :span="12">
|
<el-col :span="12" :offset="0">
|
||||||
<el-form-item label="每盒数量" prop="quantityPerBox">
|
<el-form-item label="重量单位" prop="weightUnit">
|
||||||
<el-input-number v-model.number="goodsFormEntity.quantityPerBox"
|
<el-input v-model="goodsFormEntity.weightUnit" clearable/>
|
||||||
controls-position="right" :min="0" clearable />
|
</el-form-item>
|
||||||
</el-form-item>
|
</el-col>
|
||||||
</el-col>
|
<el-col :span="12">
|
||||||
</el-row>
|
<el-form-item label="每盒数量" prop="quantityPerBox">
|
||||||
<el-row :gutter="16">
|
<el-input-number v-model.number="goodsFormEntity.quantityPerBox"
|
||||||
<el-col :span="12" :offset="0">
|
controls-position="right" :min="0" clearable/>
|
||||||
<el-form-item label="拆包方式" prop="unpackingType">
|
</el-form-item>
|
||||||
<el-input v-model="goodsFormEntity.unpackingType" clearable />
|
</el-col>
|
||||||
</el-form-item>
|
</el-row>
|
||||||
</el-col>
|
<el-row :gutter="16">
|
||||||
<el-col :span="12">
|
<el-col :span="12" :offset="0">
|
||||||
<el-form-item label="料箱类型" prop="vehicleType">
|
<el-form-item label="拆包方式" prop="unpackingType">
|
||||||
<el-input v-model="goodsFormEntity.vehicleType" clearable />
|
<el-input v-model="goodsFormEntity.unpackingType" clearable/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
<el-col :span="12">
|
||||||
<el-row :gutter="16">
|
<el-form-item label="料箱类型" prop="vehicleType">
|
||||||
<el-col :span="12" :offset="0">
|
<el-input v-model="goodsFormEntity.vehicleType" clearable/>
|
||||||
<el-form-item label="热度" prop="heat">
|
</el-form-item>
|
||||||
<el-input v-model="goodsFormEntity.heat" clearable />
|
</el-col>
|
||||||
</el-form-item>
|
</el-row>
|
||||||
</el-col>
|
<el-row :gutter="16">
|
||||||
<el-col :span="12">
|
<el-col :span="12" :offset="0">
|
||||||
<el-form-item label="卸货点" prop="releasePoint">
|
<el-form-item label="热度" prop="heat">
|
||||||
<el-input v-model="goodsFormEntity.releasePoint" clearable />
|
<el-input v-model="goodsFormEntity.heat" clearable/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
<el-col :span="12">
|
||||||
<el-row :gutter="16">
|
<el-form-item label="卸货点" prop="releasePoint">
|
||||||
<el-col :span="12" :offset="0">
|
<el-input v-model="goodsFormEntity.releasePoint" clearable/>
|
||||||
<el-form-item label="补料方式" prop="feedingType">
|
</el-form-item>
|
||||||
<el-input v-model="goodsFormEntity.feedingType" clearable />
|
</el-col>
|
||||||
</el-form-item>
|
</el-row>
|
||||||
</el-col>
|
<el-row :gutter="16">
|
||||||
<el-col :span="12">
|
<el-col :span="12" :offset="0">
|
||||||
<el-form-item label="补货点" prop="feedingValue">
|
<el-form-item label="补料方式" prop="feedingType">
|
||||||
<el-input-number v-model.number="goodsFormEntity.feedingValue"
|
<el-input v-model="goodsFormEntity.feedingType" clearable/>
|
||||||
controls-position="right" :min="0" clearable />
|
</el-form-item>
|
||||||
</el-form-item>
|
</el-col>
|
||||||
</el-col>
|
<el-col :span="12">
|
||||||
</el-row>
|
<el-form-item label="补货点" prop="feedingValue">
|
||||||
<el-row :gutter="16">
|
<el-input-number v-model.number="goodsFormEntity.feedingValue"
|
||||||
<el-col :span="12" :offset="0">
|
controls-position="right" :min="0" clearable/>
|
||||||
<el-form-item label="料箱类型描述" prop="vehicleTypeDescription">
|
</el-form-item>
|
||||||
<el-input v-model="goodsFormEntity.vehicleTypeDescription" clearable />
|
</el-col>
|
||||||
</el-form-item>
|
</el-row>
|
||||||
</el-col>
|
<el-row :gutter="16">
|
||||||
<el-col :span="12">
|
<el-col :span="12" :offset="0">
|
||||||
<el-form-item label="料箱类型2" prop="goodsInVehicleType">
|
<el-form-item label="盘点管理" prop="needInventory">
|
||||||
<el-input v-model="goodsFormEntity.goodsInVehicleType" clearable />
|
<el-input v-model="goodsFormEntity.needInventory" clearable/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
<el-col :span="12">
|
||||||
<el-row :gutter="16">
|
<el-form-item label="SLED管理" prop="haveSled">
|
||||||
<el-col :span="12" :offset="0">
|
<el-input v-model="goodsFormEntity.haveSled" clearable/>
|
||||||
<el-form-item label="数据来源" prop="dataSource">
|
</el-form-item>
|
||||||
<el-input v-model="goodsFormEntity.dataSource" clearable />
|
</el-col>
|
||||||
</el-form-item>
|
</el-row>
|
||||||
</el-col>
|
<el-row :gutter="16">
|
||||||
</el-row>
|
<el-col :span="12" :offset="0">
|
||||||
</el-form>
|
<el-form-item label="SLED天数" prop="sledDays">
|
||||||
</div>
|
<el-input-number v-model.number="goodsFormEntity.sledDays"
|
||||||
<template #footer>
|
controls-position="right" clearable/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="盘点指示器" prop="indicator">
|
||||||
|
<el-input-number v-model.number="goodsFormEntity.indicator"
|
||||||
|
controls-position="right" :min="1" :max="3" :step="2" clearable/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="16">
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-form-item label="料箱类型描述" prop="vehicleTypeDescription">
|
||||||
|
<el-input v-model="goodsFormEntity.vehicleTypeDescription" clearable/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="12">
|
||||||
|
<el-form-item label="料箱类型2" prop="goodsInVehicleType">
|
||||||
|
<el-input v-model="goodsFormEntity.goodsInVehicleType" clearable/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
<el-row :gutter="16">
|
||||||
|
<el-col :span="12" :offset="0">
|
||||||
|
<el-form-item label="数据来源" prop="dataSource">
|
||||||
|
<el-input v-model="goodsFormEntity.dataSource" clearable/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<template #footer>
|
||||||
<span class="dialog-footer">
|
<span class="dialog-footer">
|
||||||
<el-button @click="dialogVisible = false">取消</el-button>
|
<el-button @click="dialogVisible = false">取消</el-button>
|
||||||
<el-button type="primary" @click="submitGoodsInfo(goodsFormEntity)">
|
<el-button type="primary" @click="submitGoodsInfo(goodsFormEntity)">
|
||||||
确定
|
确定
|
||||||
</el-button>
|
</el-button>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<el-dialog v-model="uploadDialogVisible" title="导入物料" width="40%" draggable :show-close="true">
|
<el-dialog v-model="uploadDialogVisible" title="导入物料" width="40%" draggable :show-close="true">
|
||||||
<fieldset class="title-area">
|
<fieldset class="title-area">
|
||||||
<legend>导入物料基本信息</legend>
|
<legend>导入物料基本信息</legend>
|
||||||
<UploadExcelBaseGoods></UploadExcelBaseGoods>
|
<UploadExcelBaseGoods></UploadExcelBaseGoods>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
<fieldset class="title-area">
|
<fieldset class="title-area">
|
||||||
<legend>导入看板</legend>
|
<legend>导入看板</legend>
|
||||||
<UploadExcelKanban></UploadExcelKanban>
|
<UploadExcelKanban></UploadExcelKanban>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</el-config-provider>
|
</el-config-provider>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import store from '@/store'
|
import store from '@/store'
|
||||||
import { getGoodsInfoByPage, deleteGoodsInfo, updateGoodsInfo, updateIndirectInfos } from '@/api/goods.js'
|
import {getGoodsInfoByPage, deleteGoodsInfo, updateGoodsInfo, updateIndirectInfos} from '@/api/goods.js'
|
||||||
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
|
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
|
||||||
import { ElMessageBox, ElMessage } from 'element-plus'
|
import {ElMessageBox, ElMessage} from 'element-plus'
|
||||||
import { ref, reactive } from 'vue'
|
import {ref, reactive} from 'vue'
|
||||||
import { dateFormatter, timeFormatter } from '@/utils/formatter.js'
|
import {dateFormatter, timeFormatter} from '@/utils/formatter.js'
|
||||||
import { errorBox } from '@/utils/myMessageBox.js'
|
import {errorBox} from '@/utils/myMessageBox.js'
|
||||||
// import UploadExcelGoods from '@/excel/UploadExcelGoods.vue'
|
// import UploadExcelGoods from '@/excel/UploadExcelGoods.vue'
|
||||||
import UploadExcelBaseGoods from '@/excel/UploadExcelBaseGoods.vue'
|
import UploadExcelBaseGoods from '@/excel/UploadExcelBaseGoods.vue'
|
||||||
import UploadExcelKanban from '@/excel/UploadExcelKanban.vue'
|
import UploadExcelKanban from '@/excel/UploadExcelKanban.vue'
|
||||||
import { downloadGoodsExcel } from '@/api/excel.js'
|
import {downloadGoodsExcel} from '@/api/excel.js'
|
||||||
import { Search } from '@element-plus/icons-vue'
|
import {Search} from '@element-plus/icons-vue'
|
||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: 'goods',
|
name: 'goods',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
goodsList: [],
|
goodsList: [],
|
||||||
goodsInfo: {},
|
goodsInfo: {},
|
||||||
currentPage: 1,
|
currentPage: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
total: 0,
|
total: 0,
|
||||||
goodsIdQuery: '',
|
goodsIdQuery: '',
|
||||||
loading: true,
|
loading: true,
|
||||||
dialogVisible: false,
|
dialogVisible: false,
|
||||||
uploadDialogVisible: false,
|
uploadDialogVisible: false,
|
||||||
goodsId: '',
|
goodsId: '',
|
||||||
goodsFormEntity: reactive({}),
|
goodsFormEntity: reactive({}),
|
||||||
labelPosition: 'top',
|
labelPosition: 'top',
|
||||||
goodsFormRef: ref(),
|
goodsFormRef: ref(),
|
||||||
rules: reactive({})
|
rules: reactive({})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.search()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
setIndirect() {
|
||||||
|
const request = {}
|
||||||
|
updateIndirectInfos(request).then(res => {
|
||||||
|
const response = res.data
|
||||||
|
if (response.code == 0) {
|
||||||
|
ElMessage.success(response.message)
|
||||||
|
} else {
|
||||||
|
errorBox(response.message)
|
||||||
}
|
}
|
||||||
|
}).catch(err => {
|
||||||
|
console.log(err)
|
||||||
|
errorBox('一键设置错误。')
|
||||||
|
})
|
||||||
},
|
},
|
||||||
mounted() {
|
search() {
|
||||||
this.search()
|
this.loading = true
|
||||||
|
const request = {
|
||||||
|
pageNo: this.currentPage,
|
||||||
|
pageSize: this.pageSize,
|
||||||
|
goodsId: this.goodsIdQuery.trim(),
|
||||||
|
userName: store.getters.getUserName
|
||||||
|
}
|
||||||
|
getGoodsInfoByPage(request).then(res => {
|
||||||
|
const tableResponse = res.data
|
||||||
|
if (tableResponse.code == 0) {
|
||||||
|
this.goodsList = tableResponse.returnData.lists
|
||||||
|
this.total = tableResponse.returnData.total
|
||||||
|
} else {
|
||||||
|
errorBox(tableResponse.message)
|
||||||
|
}
|
||||||
|
}).catch(err => {
|
||||||
|
console.log(err)
|
||||||
|
errorBox('查询物料错误')
|
||||||
|
})
|
||||||
|
this.loading = false
|
||||||
},
|
},
|
||||||
methods: {
|
dateFormat: (row, column, cellValue, index) => {
|
||||||
setIndirect() {
|
return dateFormatter(cellValue)
|
||||||
const request = {}
|
},
|
||||||
updateIndirectInfos(request).then(res => {
|
timeFormat: (row, column, cellValue, index) => {
|
||||||
const response = res.data
|
return timeFormatter(cellValue)
|
||||||
if (response.code == 0) {
|
},
|
||||||
ElMessage.success(response.message)
|
reset() {
|
||||||
} else {
|
this.goodsIdQuery = ''
|
||||||
errorBox(response.message)
|
this.search()
|
||||||
}
|
},
|
||||||
}).catch(err => {
|
editCurrentRowGoods(row) {
|
||||||
console.log(err)
|
this.goodsId = row.goodsId
|
||||||
errorBox('一键设置错误。')
|
this.goodsFormEntity = {
|
||||||
})
|
goodsId: row.goodsId,
|
||||||
},
|
goodsName: row.goodsName,
|
||||||
search() {
|
goodsUnit: row.goodsUnit,
|
||||||
this.loading = true
|
goodsType: row.goodsType,
|
||||||
const request = {
|
providerType: row.providerType,
|
||||||
pageNo: this.currentPage,
|
weight: row.weight,
|
||||||
pageSize: this.pageSize,
|
weightUnit: row.weightUnit,
|
||||||
goodsId: this.goodsIdQuery.trim(),
|
quantityPerBox: row.quantityPerBox,
|
||||||
userName: store.getters.getUserName
|
unpackingType: row.unpackingType,
|
||||||
}
|
vehicleType: row.vehicleType,
|
||||||
getGoodsInfoByPage(request).then(res => {
|
vehicleTypeDescription: row.vehicleTypeDescription,
|
||||||
const tableResponse = res.data
|
goodsInVehicleType: row.goodsInVehicleType,
|
||||||
if (tableResponse.code == 0) {
|
feedingType: row.feedingType,
|
||||||
this.goodsList = tableResponse.returnData.lists
|
feedingValue: row.feedingValue,
|
||||||
this.total = tableResponse.returnData.total
|
dataSource: row.dataSource,
|
||||||
} else {
|
heat: row.heat,
|
||||||
errorBox(tableResponse.message)
|
releasePoint: row.releasePoint,
|
||||||
}
|
needInventory: row.needInventory,
|
||||||
}).catch(err => {
|
haveSled: row.haveSled,
|
||||||
console.log(err)
|
sledDays: row.sledDays,
|
||||||
errorBox('查询物料错误')
|
indicator: row.indicator,
|
||||||
})
|
}
|
||||||
this.loading = false
|
this.dialogVisible = true
|
||||||
},
|
},
|
||||||
dateFormat: (row, column, cellValue, index) => {
|
deleteCurrentRowGoods(row) {
|
||||||
return dateFormatter(cellValue)
|
this.goodsId = row.goodsId
|
||||||
},
|
ElMessageBox.confirm(
|
||||||
timeFormat: (row, column, cellValue, index) => {
|
'该操作会删除选择的物料数据。\n是否继续',
|
||||||
return timeFormatter(cellValue)
|
'警告',
|
||||||
},
|
{
|
||||||
reset() {
|
confirmButtonText: '确认',
|
||||||
this.goodsIdQuery = ''
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning',
|
||||||
|
}
|
||||||
|
).then(() => {
|
||||||
|
const params = {
|
||||||
|
goodsId: this.goodsId,
|
||||||
|
userName: store.getters.getUserName
|
||||||
|
}
|
||||||
|
deleteGoodsInfo(params).then(res => {
|
||||||
|
if (res.data.code == 0) {
|
||||||
|
ElMessage.success('删除物料信息成功')
|
||||||
this.search()
|
this.search()
|
||||||
},
|
} else {
|
||||||
editCurrentRowGoods(row) {
|
errorBox(res.data.message)
|
||||||
this.goodsId = row.goodsId
|
}
|
||||||
this.goodsFormEntity = {
|
}).catch(err => {
|
||||||
goodsId: row.goodsId,
|
console.log(err)
|
||||||
goodsName: row.goodsName,
|
errorBox('删除物料信息失败')
|
||||||
goodsUnit: row.goodsUnit,
|
})
|
||||||
goodsType: row.goodsType,
|
}).catch(() => {
|
||||||
providerType: row.providerType,
|
ElMessage.info('操作取消')
|
||||||
weight: row.weight,
|
})
|
||||||
weightUnit: row.weightUnit,
|
|
||||||
quantityPerBox: row.quantityPerBox,
|
|
||||||
unpackingType: row.unpackingType,
|
|
||||||
vehicleType: row.vehicleType,
|
|
||||||
vehicleTypeDescription: row.vehicleTypeDescription,
|
|
||||||
goodsInVehicleType: row.goodsInVehicleType,
|
|
||||||
feedingType: row.feedingType,
|
|
||||||
feedingValue: row.feedingValue,
|
|
||||||
dataSource: row.dataSource,
|
|
||||||
heat: row.heat,
|
|
||||||
releasePoint: row.releasePoint,
|
|
||||||
}
|
|
||||||
this.dialogVisible = true
|
|
||||||
},
|
|
||||||
deleteCurrentRowGoods(row) {
|
|
||||||
this.goodsId = row.goodsId
|
|
||||||
ElMessageBox.confirm(
|
|
||||||
'该操作会删除选择的物料数据。\n是否继续',
|
|
||||||
'警告',
|
|
||||||
{
|
|
||||||
confirmButtonText: '确认',
|
|
||||||
cancelButtonText: '取消',
|
|
||||||
type: 'warning',
|
|
||||||
}
|
|
||||||
).then(() => {
|
|
||||||
const params = {
|
|
||||||
goodsId: this.goodsId,
|
|
||||||
userName: store.getters.getUserName
|
|
||||||
}
|
|
||||||
deleteGoodsInfo(params).then(res => {
|
|
||||||
if (res.data.code == 0) {
|
|
||||||
ElMessage.success('删除物料信息成功')
|
|
||||||
this.search()
|
|
||||||
} else {
|
|
||||||
errorBox(res.data.message)
|
|
||||||
}
|
|
||||||
}).catch(err => {
|
|
||||||
console.log(err)
|
|
||||||
errorBox('删除物料信息失败')
|
|
||||||
})
|
|
||||||
}).catch(() => {
|
|
||||||
ElMessage.info('操作取消')
|
|
||||||
})
|
|
||||||
},
|
|
||||||
submitGoodsInfo(formData) {
|
|
||||||
const request = {
|
|
||||||
goodsId: formData.goodsId,
|
|
||||||
goodsName: formData.goodsName,
|
|
||||||
goodsUnit: formData.goodsUnit,
|
|
||||||
goodsType: formData.goodsType,
|
|
||||||
providerType: formData.providerType,
|
|
||||||
weight: formData.weight,
|
|
||||||
weightUnit: formData.weightUnit,
|
|
||||||
quantityPerBox: formData.quantityPerBox,
|
|
||||||
unpackingType: formData.unpackingType,
|
|
||||||
vehicleType: formData.vehicleType,
|
|
||||||
vehicleTypeDescription: formData.vehicleTypeDescription,
|
|
||||||
goodsInVehicleType: formData.goodsInVehicleType,
|
|
||||||
feedingType: formData.feedingType,
|
|
||||||
feedingValue: formData.feedingValue,
|
|
||||||
heat: formData.heat,
|
|
||||||
releasePoint: formData.releasePoint,
|
|
||||||
dataSource: formData.dataSource,
|
|
||||||
userName: store.getters.getUserName
|
|
||||||
}
|
|
||||||
updateGoodsInfo(request).then(res => {
|
|
||||||
if (res.data.code == 0) {
|
|
||||||
this.dialogVisible = false
|
|
||||||
ElMessage.success('更新物料信息成功')
|
|
||||||
this.search()
|
|
||||||
} else {
|
|
||||||
errorBox(res.data.message)
|
|
||||||
}
|
|
||||||
}).catch(err => {
|
|
||||||
errorBox('更新物料信息失败')
|
|
||||||
})
|
|
||||||
},
|
|
||||||
getCurrentRow(row) {
|
|
||||||
this.goodsId = row.goodsId
|
|
||||||
},
|
|
||||||
exportExcel() {
|
|
||||||
const params = {
|
|
||||||
goodsId: this.goodsIdQuery.trim(),
|
|
||||||
userName: store.getters.getUserName
|
|
||||||
}
|
|
||||||
downloadGoodsExcel(params).then(res => {
|
|
||||||
const link = document.createElement('a');//创建a标签
|
|
||||||
try {
|
|
||||||
// let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'}); //如果后台返回的不是blob对象类型，先定义成blob对象格式，该type导出为xls格式，
|
|
||||||
let blob = res.data //如果后台返回的直接是blob对象类型，直接获取数据
|
|
||||||
// let _fileName = res.headers['content-disposition'].split(';')[1].split('=')[1]; //拆解获取文件名，如果后端有给返回文件名的话
|
|
||||||
let _fileName = "物料报表" + dateFormatter(new Date) + ".xlsx"
|
|
||||||
link.style.display = 'none'//隐藏
|
|
||||||
|
|
||||||
// 兼容不同浏览器的URL对象
|
|
||||||
const url = window.URL || window.webkitURL || window.moxURL
|
|
||||||
link.href = url.createObjectURL(blob)
|
|
||||||
link.setAttribute('download', _fileName.substring(_fileName.lastIndexOf('_') + 1))
|
|
||||||
document.body.appendChild(link)
|
|
||||||
link.click()
|
|
||||||
document.body.removeChild(link)
|
|
||||||
url.revokeObjectURL(link.href)//移除url对象
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e)
|
|
||||||
errorBox('下载文件失败')
|
|
||||||
}
|
|
||||||
}).catch(err => {
|
|
||||||
console.log(err)
|
|
||||||
errorBox('导出失败')
|
|
||||||
})
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
|
submitGoodsInfo(formData) {
|
||||||
|
if (formData.indicator !== null && formData.indicator !== 1 && formData.indicator !== 3) {
|
||||||
|
return errorBox('指示器只能为1或3')
|
||||||
|
}
|
||||||
|
const request = {
|
||||||
|
goodsId: formData.goodsId,
|
||||||
|
goodsName: formData.goodsName,
|
||||||
|
goodsUnit: formData.goodsUnit,
|
||||||
|
goodsType: formData.goodsType,
|
||||||
|
providerType: formData.providerType,
|
||||||
|
weight: formData.weight,
|
||||||
|
weightUnit: formData.weightUnit,
|
||||||
|
quantityPerBox: formData.quantityPerBox,
|
||||||
|
unpackingType: formData.unpackingType,
|
||||||
|
vehicleType: formData.vehicleType,
|
||||||
|
vehicleTypeDescription: formData.vehicleTypeDescription,
|
||||||
|
goodsInVehicleType: formData.goodsInVehicleType,
|
||||||
|
feedingType: formData.feedingType,
|
||||||
|
feedingValue: formData.feedingValue,
|
||||||
|
heat: formData.heat,
|
||||||
|
releasePoint: formData.releasePoint,
|
||||||
|
dataSource: formData.dataSource,
|
||||||
|
needInventory: formData.needInventory,
|
||||||
|
haveSled: formData.haveSled,
|
||||||
|
sledDays: formData.sledDays,
|
||||||
|
indicator: formData.indicator,
|
||||||
|
userName: store.getters.getUserName
|
||||||
|
}
|
||||||
|
updateGoodsInfo(request).then(res => {
|
||||||
|
if (res.data.code == 0) {
|
||||||
|
this.dialogVisible = false
|
||||||
|
ElMessage.success('更新物料信息成功')
|
||||||
|
this.search()
|
||||||
|
} else {
|
||||||
|
errorBox(res.data.message)
|
||||||
|
}
|
||||||
|
}).catch(err => {
|
||||||
|
errorBox('更新物料信息失败')
|
||||||
|
})
|
||||||
|
},
|
||||||
|
getCurrentRow(row) {
|
||||||
|
this.goodsId = row.goodsId
|
||||||
|
},
|
||||||
|
exportExcel() {
|
||||||
|
const params = {
|
||||||
|
goodsId: this.goodsIdQuery.trim(),
|
||||||
|
userName: store.getters.getUserName
|
||||||
|
}
|
||||||
|
downloadGoodsExcel(params).then(res => {
|
||||||
|
const link = document.createElement('a');//创建a标签
|
||||||
|
try {
|
||||||
|
// let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'}); //如果后台返回的不是blob对象类型，先定义成blob对象格式，该type导出为xls格式，
|
||||||
|
let blob = res.data //如果后台返回的直接是blob对象类型，直接获取数据
|
||||||
|
// let _fileName = res.headers['content-disposition'].split(';')[1].split('=')[1]; //拆解获取文件名，如果后端有给返回文件名的话
|
||||||
|
let _fileName = "物料报表" + dateFormatter(new Date) + ".xlsx"
|
||||||
|
link.style.display = 'none'//隐藏
|
||||||
|
|
||||||
|
// 兼容不同浏览器的URL对象
|
||||||
|
const url = window.URL || window.webkitURL || window.moxURL
|
||||||
|
link.href = url.createObjectURL(blob)
|
||||||
|
link.setAttribute('download', _fileName.substring(_fileName.lastIndexOf('_') + 1))
|
||||||
|
document.body.appendChild(link)
|
||||||
|
link.click()
|
||||||
|
document.body.removeChild(link)
|
||||||
|
url.revokeObjectURL(link.href)//移除url对象
|
||||||
|
} catch (e) {
|
||||||
|
console.log(e)
|
||||||
|
errorBox('下载文件失败')
|
||||||
|
}
|
||||||
|
}).catch(err => {
|
||||||
|
console.log(err)
|
||||||
|
errorBox('导出失败')
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.el-pagination {
|
.el-pagination {
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-row .el-button {
|
.el-row .el-button {
|
||||||
width: 72px;
|
width: 72px;
|
||||||
margin-left: 0px;
|
margin-left: 0px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-class {
|
.table-class {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-row .el-form-item {
|
.el-row .el-form-item {
|
||||||
width: 10% inherit;
|
width: 10% inherit;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-row .el-form-item .el-select-v2 {
|
.el-row .el-form-item .el-select-v2 {
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-row .el-form-item .el-input-number {
|
.el-row .el-form-item .el-input-number {
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-row .el-form-item .el-button {
|
.el-row .el-form-item .el-button {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-area {
|
.title-area {
|
||||||
display: flex;
|
display: flex;
|
||||||
/* min-height: 10%; */
|
/* min-height: 10%; */
|
||||||
max-height: max-content;
|
max-height: max-content;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
min-width: inherit;
|
min-width: inherit;
|
||||||
border: solid 1px;
|
border: solid 1px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
box-shadow: 0px 15px 10px -15px #000;
|
box-shadow: 0px 15px 10px -15px #000;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -1,349 +1,360 @@
|
||||||
<template>
|
<template>
|
||||||
<el-config-provider :locale="zhCn">
|
<el-config-provider :locale="zhCn">
|
||||||
<el-container class="content">
|
<el-container class="content">
|
||||||
<div class="work-area">
|
<div class="work-area">
|
||||||
<fieldset class="title-area">
|
<fieldset class="title-area">
|
||||||
<legend>
|
<legend>
|
||||||
工作台
|
工作台
|
||||||
</legend>
|
</legend>
|
||||||
<div class="title-div">
|
<div class="title-div">
|
||||||
<span class="title-text">物料盘点</span>
|
<span class="title-text">物料盘点</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="station-div">
|
<div class="station-div">
|
||||||
<span class="station-text">工作站：</span>
|
<span class="station-text">工作站：</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="station-no-div">
|
<div class="station-no-div">
|
||||||
<span class="station-no-text">{{ standId }}</span>
|
<span class="station-no-text">{{ standId }}</span>
|
||||||
</div>
|
</div>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
<fieldset class="goods-list-area">
|
<fieldset class="goods-list-area">
|
||||||
<legend>
|
<legend>
|
||||||
物料信息列表
|
物料信息列表
|
||||||
</legend>
|
</legend>
|
||||||
<el-table :data="inventoryGoodsDetails" stripe border max-height="200px"
|
<el-table :data="inventoryGoodsDetails" stripe border max-height="200px"
|
||||||
:header-cell-style="{ 'text-align': 'center' }" :cell-style="{ 'text-align': 'center' }">
|
:header-cell-style="{ 'text-align': 'center' }" :cell-style="{ 'text-align': 'center' }">
|
||||||
<el-table-column prop="goodsId" label="料号" min-width="120px" show-overflow-tooltip />
|
<el-table-column prop="goodsId" label="料号" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="vehiclesQuantity" label="料箱数量" min-width="120px" />
|
<el-table-column prop="vehiclesQuantity" label="料箱数量" min-width="120px"/>
|
||||||
<el-table-column prop="vehicleIds" label="料箱号" min-width="120px" show-overflow-tooltip />
|
<el-table-column prop="vehicleIds" label="料箱号" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="vehicleStatus" label="料箱状态" min-width="120px" show-overflow-tooltip />
|
<el-table-column prop="vehicleStatus" label="料箱状态" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="feedingWS" label="备料工位" min-width="120px" show-overflow-tooltip />
|
<el-table-column prop="feedingWS" label="备料工位" min-width="120px" show-overflow-tooltip/>
|
||||||
<el-table-column prop="lastFeedingMachineNo" label="最后一台备料机器序列号" min-width="120px" show-overflow-tooltip />
|
<el-table-column prop="lastFeedingMachineNo" label="最后一台备料机器序列号" min-width="120px"
|
||||||
<el-table-column prop="lastFeedingTime" label="备料最后一台车日期" min-width="120px" show-overflow-tooltip />
|
show-overflow-tooltip/>
|
||||||
<el-table-column prop="isLack" label="是否缺料" min-width="120px" show-overflow-tooltip />
|
<el-table-column prop="lastFeedingTime" label="备料最后一台车日期" min-width="120px" show-overflow-tooltip/>
|
||||||
</el-table>
|
<el-table-column prop="isLack" label="是否缺料" min-width="120px" show-overflow-tooltip/>
|
||||||
</fieldset>
|
</el-table>
|
||||||
<fieldset class="main-area">
|
</fieldset>
|
||||||
<legend>
|
<fieldset class="main-area">
|
||||||
物料盘点
|
<legend>
|
||||||
</legend>
|
物料盘点
|
||||||
<el-form ref="workFormRef" :model="workFormEntity" :label-position="labelPosition"
|
</legend>
|
||||||
label-width="150px" style="max-width: 100%" :rules="rules" status-icon>
|
<el-form ref="workFormRef" :model="workFormEntity" :label-position="labelPosition"
|
||||||
<div style="display: flex;">
|
label-width="150px" style="max-width: 100%" :rules="rules" status-icon>
|
||||||
<div style="display: block; margin: 5px;">
|
<div style="display: flex;">
|
||||||
<div
|
<div style="display: block; margin: 5px;">
|
||||||
style="display: inline-flex; justify-content: center; height: 40px; width: 430px; margin: 5px; padding: 5px; background-color: #00AAE8;">
|
<div
|
||||||
|
style="display: inline-flex; justify-content: center; height: 40px; width: 430px; margin: 5px; padding: 5px; background-color: #00AAE8;">
|
||||||
<span style="align-self: center; font-weight: bold;font-size: 25px;">
|
<span style="align-self: center; font-weight: bold;font-size: 25px;">
|
||||||
输入完料号请按回车确认。
|
输入完料号请按回车确认。
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: flex;">
|
<div style="display: flex;">
|
||||||
<div style="display: flex; flex-direction: column;">
|
<div style="display: flex; flex-direction: column;">
|
||||||
<div class="display-title-div">
|
<div class="display-title-div">
|
||||||
<span class="display-title-text">料号</span>
|
<span class="display-title-text">料号</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="display-form-div">
|
<div class="display-form-div">
|
||||||
<el-input v-model="workFormEntity.goodsId" size="default" ref="goodsId"
|
<el-input v-model="workFormEntity.goodsId" size="default" ref="goodsId"
|
||||||
v-on:keyup.enter="getCurrentInvInfo()" clearable></el-input>
|
v-on:keyup.enter="getCurrentInvInfo()" clearable></el-input>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: flex; flex-direction: column;">
|
<div style="display: flex; flex-direction: column;">
|
||||||
<div class="display-title-div">
|
<div class="display-title-div">
|
||||||
<span class="display-title-text">箱号</span>
|
<span class="display-title-text">箱号</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="display-form-div">
|
<div class="display-form-div">
|
||||||
<el-input v-model="workFormEntity.vehicleId" size="default" ref="vehicleId" clearable></el-input>
|
<el-input v-model="workFormEntity.vehicleId" size="default" ref="vehicleId" clearable></el-input>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin: 10px;">
|
<div style="margin: 10px;">
|
||||||
<div class="arrow" @click="invenOut()" style="height: 330px;">
|
<div class="arrow" @click="invenOut()" style="height: 330px;">
|
||||||
<span
|
<span
|
||||||
style="margin-left: 25px; align-self: center; font-weight: bold;font-size: 45px; writing-mode: vertical-lr;">请求盘点</span>
|
style="margin-left: 25px; align-self: center; font-weight: bold;font-size: 45px; writing-mode: vertical-lr;">请求盘点</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-form>
|
</el-form>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
<fieldset class="main-area">
|
<fieldset class="main-area">
|
||||||
<legend>
|
<legend>
|
||||||
盘点确认
|
盘点确认
|
||||||
</legend>
|
</legend>
|
||||||
<el-form ref="confirmFormRef" :model="confirmFormEntity" :label-position="labelPosition"
|
<el-form ref="confirmFormRef" :model="confirmFormEntity" :label-position="labelPosition"
|
||||||
label-width="150px" style="max-width: 100%" :rules="rules" status-icon>
|
label-width="150px" style="max-width: 100%" :rules="rules" status-icon>
|
||||||
<div style="display: flex;">
|
<div style="display: flex;">
|
||||||
<div style="display: block; margin: 5px;">
|
<div style="display: block; margin: 5px;">
|
||||||
<div style="display: flex;">
|
<div style="display: flex;">
|
||||||
<div style="display: flex; flex-direction: column;">
|
<div style="display: flex; flex-direction: column;">
|
||||||
<div class="display-title-div">
|
<div class="display-title-div">
|
||||||
<span class="display-title-text">箱号</span>
|
<span class="display-title-text">箱号</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="display-form-div">
|
<div class="display-form-div">
|
||||||
<el-input v-model="confirmFormEntity.vehicleId" size="default"
|
<el-input v-model="confirmFormEntity.vehicleId" size="default"
|
||||||
ref="confirmVehicleId" v-on:keyup.enter="changeFocus()"
|
ref="confirmVehicleId" v-on:keyup.enter="changeFocus()"
|
||||||
clearable></el-input>
|
clearable></el-input>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: flex; flex-direction: column;">
|
<div style="display: flex; flex-direction: column;">
|
||||||
<div class="display-title-div">
|
<div class="display-title-div">
|
||||||
<span class="display-title-text">料号</span>
|
<span class="display-title-text">料号</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="display-form-div">
|
<div class="display-form-div">
|
||||||
<el-input v-model="confirmFormEntity.goodsId" size="default"
|
<el-input v-model="confirmFormEntity.goodsId" size="default"
|
||||||
ref="confirmGoodsId" v-on:keyup.enter="changeFocus()"
|
ref="confirmGoodsId" v-on:keyup.enter="changeFocus()"
|
||||||
clearable></el-input>
|
clearable></el-input>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: flex; flex-direction: column;">
|
<div style="display: flex; flex-direction: column;">
|
||||||
<div class="display-title-div">
|
<div class="display-title-div">
|
||||||
<span class="display-title-text">盘点数量</span>
|
<span class="display-title-text">盘点数量</span>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: flex; margin-top: 20px;">
|
<div style="display: flex; margin-top: 20px;">
|
||||||
<div class="display-form-div-left">
|
<div class="display-form-div-left">
|
||||||
<el-input-number v-model.number="confirmFormEntity.confirmNum"
|
<el-input-number v-model.number="confirmFormEntity.confirmNum"
|
||||||
ref="confirmNum" v-on:keyup.enter="changeFocus()" controls-position="right" :min="0" />
|
ref="confirmNum" v-on:keyup.enter="changeFocus()" controls-position="right"
|
||||||
</div>
|
:min="0"/>
|
||||||
<div class="display-form-div-right">
|
</div>
|
||||||
<span class="display-form-text-right">PC</span>
|
<div class="display-form-div-right">
|
||||||
</div>
|
<span class="display-form-text-right">PC</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin: 10px;">
|
</div>
|
||||||
<div class="arrow" @click="invenConfirm()" style="height: 270px;">
|
<div style="margin: 10px;">
|
||||||
|
<div class="arrow" @click="invenConfirm()" style="height: 270px;">
|
||||||
<span
|
<span
|
||||||
style="margin-left: 25px; align-self: center; font-weight: bold;font-size: 45px; writing-mode: vertical-lr;">确认盘点</span>
|
style="margin-left: 25px; align-self: center; font-weight: bold;font-size: 45px; writing-mode: vertical-lr;">确认盘点</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</el-form>
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
</div>
|
||||||
</el-container>
|
</el-form>
|
||||||
</el-config-provider>
|
</fieldset>
|
||||||
|
</div>
|
||||||
|
</el-container>
|
||||||
|
</el-config-provider>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import store from '@/store'
|
import store from '@/store'
|
||||||
import { inventoryOut, getCurrentGoodsInventory, inventoryConfirmBack } from '@/api/inventory'
|
import {inventoryOut, getCurrentGoodsInventory, inventoryConfirmBack} from '@/api/inventory'
|
||||||
import { replaceEnglishAndNumberIGAI } from '@/utils/formatter'
|
import {replaceEnglishAndNumberIGAI} from '@/utils/formatter'
|
||||||
import { reactive, ref } from 'vue'
|
import {reactive, ref} from 'vue'
|
||||||
import { errorBox } from '@/utils/myMessageBox.js'
|
import {errorBox} from '@/utils/myMessageBox.js'
|
||||||
import { ElMessage } from 'element-plus'
|
import {ElMessage} from 'element-plus'
|
||||||
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
|
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: 'inventory',
|
name: 'inventory',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
standId: store.getters.getStandId,
|
standId: store.getters.getStandId,
|
||||||
labelPosition: 'top',
|
labelPosition: 'top',
|
||||||
workFormRef: ref(),
|
workFormRef: ref(),
|
||||||
workFormEntity: reactive({
|
workFormEntity: reactive({
|
||||||
goodsId: '',
|
goodsId: '',
|
||||||
vehicleId: ''
|
vehicleId: ''
|
||||||
}),
|
}),
|
||||||
rules: reactive({
|
rules: reactive({
|
||||||
goodsId: [
|
goodsId: [
|
||||||
{ required: true, message: '请输入料号' }
|
{required: true, message: '请输入料号'}
|
||||||
]
|
]
|
||||||
}),
|
}),
|
||||||
inventoryGoodsDetails: [],
|
inventoryGoodsDetails: [],
|
||||||
confirmFormRef: ref(),
|
confirmFormRef: ref(),
|
||||||
confirmFormEntity: reactive({
|
confirmFormEntity: reactive({
|
||||||
goodsId: '',
|
goodsId: '',
|
||||||
vehicleId: '',
|
vehicleId: '',
|
||||||
confirmNum: null
|
confirmNum: null
|
||||||
}),
|
}),
|
||||||
}
|
invIndexMap: new Map(),
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.$refs.goodsId.focus()
|
|
||||||
},
|
|
||||||
beforeUnmount() {
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 获取当前盘点信息
|
|
||||||
getCurrentInvInfo() {
|
|
||||||
if (this.workFormEntity.goodsId == '') {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
const request = {
|
|
||||||
goodsId: this.workFormEntity.goodsId,
|
|
||||||
userName: store.getters.getUserName
|
|
||||||
}
|
|
||||||
getCurrentGoodsInventory(request).then(res => {
|
|
||||||
const response = res.data
|
|
||||||
if (response.code == 0) {
|
|
||||||
this.inventoryGoodsDetails = response.returnData
|
|
||||||
} else {
|
|
||||||
this.inventoryGoodsDetails = []
|
|
||||||
errorBox(response.message)
|
|
||||||
}
|
|
||||||
}).catch(err => {
|
|
||||||
console.log(err)
|
|
||||||
this.inventoryGoodsDetails = []
|
|
||||||
errorBox('查询盘点信息错误。')
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 重置参数
|
|
||||||
resetWorkForms() {
|
|
||||||
this.workFormEntity = reactive({
|
|
||||||
goodsId: '',
|
|
||||||
vehicleId: ''
|
|
||||||
})
|
|
||||||
this.$refs.goodsId.focus()
|
|
||||||
},
|
|
||||||
resetConfirmForms() {
|
|
||||||
this.confirmFormEntity = reactive({
|
|
||||||
vehicleId: '',
|
|
||||||
goodsId: '',
|
|
||||||
confirmNum: null
|
|
||||||
})
|
|
||||||
this.$refs.confirmGoodsId.focus()
|
|
||||||
},
|
|
||||||
invenOut() {
|
|
||||||
if (this.workFormEntity.goodsId == '') {
|
|
||||||
errorBox('料号不可缺少')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
const request = {
|
|
||||||
goodsId: this.workFormEntity.goodsId,
|
|
||||||
vehicleId: this.confirmFormEntity.vehicleId,
|
|
||||||
userName: store.getters.getUserName
|
|
||||||
}
|
|
||||||
inventoryOut(request).then(res => {
|
|
||||||
const response = res.data
|
|
||||||
if (response.code == 0) {
|
|
||||||
this.resetWorkForms()
|
|
||||||
ElMessage.success(response.message)
|
|
||||||
} else {
|
|
||||||
errorBox(response.message)
|
|
||||||
}
|
|
||||||
}).catch(err => {
|
|
||||||
console.log(err)
|
|
||||||
errorBox('下发盘点时发生异常。')
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 确认完成工作
|
|
||||||
invenConfirm() {
|
|
||||||
if (this.confirmFormEntity.goodsId == '' || this.confirmFormEntity.vehicleId == '' || this.confirmFormEntity.confirmNum == null || this.confirmFormEntity.confirmNum == '') {
|
|
||||||
errorBox('料号、箱号、确认数量不可缺少。')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
const confirmParams = {
|
|
||||||
goodsId: this.confirmFormEntity.goodsId,
|
|
||||||
vehicleId: this.confirmFormEntity.vehicleId,
|
|
||||||
confirmNum: this.confirmFormEntity.confirmNum,
|
|
||||||
userName: store.getters.getUserName
|
|
||||||
}
|
|
||||||
inventoryConfirmBack(confirmParams).then(res => {
|
|
||||||
const response = res.data
|
|
||||||
if (response.code == 0) {
|
|
||||||
this.resetConfirmForms()
|
|
||||||
ElMessage.success(response.message)
|
|
||||||
} else {
|
|
||||||
errorBox(response.message)
|
|
||||||
}
|
|
||||||
}).catch(err => {
|
|
||||||
console.log(err)
|
|
||||||
errorBox('确认时发生异常')
|
|
||||||
})
|
|
||||||
},
|
|
||||||
changeFocus() {
|
|
||||||
this.confirmFormEntity.vehicleId = replaceEnglishAndNumberIGAI(this.confirmFormEntity.vehicleId)
|
|
||||||
if (this.confirmFormEntity.vehicleId == '' || this.confirmFormEntity.vehicleId == null || this.confirmFormEntity.vehicleId == undefined) {
|
|
||||||
this.$refs.confirmVehicleId.focus()
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if (this.confirmFormEntity.goodsId == '' || this.confirmFormEntity.goodsId == null || this.confirmFormEntity.goodsId == undefined) {
|
|
||||||
this.$refs.confirmGoodsId.focus()
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if (this.confirmFormEntity.confirmNum == null || this.confirmFormEntity.confirmNum == undefined || this.confirmFormEntity.confirmNum == '') {
|
|
||||||
this.$refs.confirmNum.focus()
|
|
||||||
return
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
mounted() {
|
||||||
|
this.$refs.goodsId.focus()
|
||||||
|
},
|
||||||
|
beforeUnmount() {
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
// 获取当前盘点信息
|
||||||
|
getCurrentInvInfo() {
|
||||||
|
if (this.workFormEntity.goodsId === '') {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const request = {
|
||||||
|
goodsId: this.workFormEntity.goodsId,
|
||||||
|
userName: store.getters.getUserName
|
||||||
|
}
|
||||||
|
getCurrentGoodsInventory(request).then(res => {
|
||||||
|
const response = res.data
|
||||||
|
if (response.code === 0) {
|
||||||
|
this.inventoryGoodsDetails = response.returnData
|
||||||
|
} else {
|
||||||
|
this.inventoryGoodsDetails = []
|
||||||
|
errorBox(response.message)
|
||||||
|
}
|
||||||
|
}).catch(err => {
|
||||||
|
console.log(err)
|
||||||
|
this.inventoryGoodsDetails = []
|
||||||
|
errorBox('查询盘点信息错误。')
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 重置参数
|
||||||
|
resetWorkForms() {
|
||||||
|
this.workFormEntity = reactive({
|
||||||
|
goodsId: '',
|
||||||
|
vehicleId: ''
|
||||||
|
})
|
||||||
|
this.$refs.goodsId.focus()
|
||||||
|
},
|
||||||
|
resetConfirmForms() {
|
||||||
|
this.confirmFormEntity = reactive({
|
||||||
|
vehicleId: '',
|
||||||
|
goodsId: '',
|
||||||
|
confirmNum: null
|
||||||
|
})
|
||||||
|
this.$refs.confirmGoodsId.focus()
|
||||||
|
},
|
||||||
|
invenOut() {
|
||||||
|
if (this.workFormEntity.goodsId === '') {
|
||||||
|
errorBox('料号不可缺少')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const request = {
|
||||||
|
goodsId: this.workFormEntity.goodsId,
|
||||||
|
vehicleId: this.confirmFormEntity.vehicleId,
|
||||||
|
userName: store.getters.getUserName
|
||||||
|
}
|
||||||
|
inventoryOut(request).then(res => {
|
||||||
|
const response = res.data
|
||||||
|
if (response.code === 0) {
|
||||||
|
this.resetWorkForms()
|
||||||
|
ElMessage.success(response.message)
|
||||||
|
} else {
|
||||||
|
errorBox(response.message)
|
||||||
|
}
|
||||||
|
}).catch(err => {
|
||||||
|
console.log(err)
|
||||||
|
errorBox('下发盘点时发生异常。')
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 确认完成工作
|
||||||
|
invenConfirm() {
|
||||||
|
if (this.confirmFormEntity.goodsId === '' || this.confirmFormEntity.vehicleId === '' || this.confirmFormEntity.confirmNum == null || this.confirmFormEntity.confirmNum === '') {
|
||||||
|
errorBox('料号、箱号、确认数量不可缺少。')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
const invKey = this.confirmFormEntity.goodsId + '_' + this.confirmFormEntity.vehicleId
|
||||||
|
if (!this.invIndexMap.has(invKey)) {
|
||||||
|
this.invIndexMap.set(invKey, 1)
|
||||||
|
} else {
|
||||||
|
this.invIndexMap.set(invKey, this.invIndexMap.get(invKey) + 1)
|
||||||
|
}
|
||||||
|
const confirmParams = {
|
||||||
|
goodsId: this.confirmFormEntity.goodsId,
|
||||||
|
vehicleId: this.confirmFormEntity.vehicleId,
|
||||||
|
confirmNum: this.confirmFormEntity.confirmNum,
|
||||||
|
invIndex: this.invIndexMap.get(invKey),
|
||||||
|
userName: store.getters.getUserName
|
||||||
|
}
|
||||||
|
inventoryConfirmBack(confirmParams).then(res => {
|
||||||
|
const response = res.data
|
||||||
|
if (response.code === 0) {
|
||||||
|
this.resetConfirmForms()
|
||||||
|
// 移除次数map
|
||||||
|
this.invIndexMap.delete(invKey)
|
||||||
|
ElMessage.success(response.message)
|
||||||
|
} else {
|
||||||
|
errorBox(response.message)
|
||||||
|
}
|
||||||
|
}).catch(err => {
|
||||||
|
console.log(err)
|
||||||
|
errorBox('确认时发生异常')
|
||||||
|
})
|
||||||
|
},
|
||||||
|
changeFocus() {
|
||||||
|
this.confirmFormEntity.vehicleId = replaceEnglishAndNumberIGAI(this.confirmFormEntity.vehicleId)
|
||||||
|
if (this.confirmFormEntity.vehicleId === '' || this.confirmFormEntity.vehicleId == null) {
|
||||||
|
this.$refs.confirmVehicleId.focus()
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (this.confirmFormEntity.goodsId === '' || this.confirmFormEntity.goodsId == null) {
|
||||||
|
this.$refs.confirmGoodsId.focus()
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (this.confirmFormEntity.confirmNum == null || this.confirmFormEntity.confirmNum === '') {
|
||||||
|
this.$refs.confirmNum.focus()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.content {
|
.content {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.work-area {
|
.work-area {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
/* padding: 5px; */
|
/* padding: 5px; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-area {
|
.main-area {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
min-height: fit-content;
|
min-height: fit-content;
|
||||||
max-height: 90%;
|
max-height: 90%;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
min-width: inherit;
|
min-width: inherit;
|
||||||
border: solid 1px;
|
border: solid 1px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
box-shadow: 0px 15px 10px -15px #000;
|
box-shadow: 0px 15px 10px -15px #000;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-area {
|
.title-area {
|
||||||
display: flex;
|
display: flex;
|
||||||
/* min-height: 10%; */
|
/* min-height: 10%; */
|
||||||
max-height: max-content;
|
max-height: max-content;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
min-width: inherit;
|
min-width: inherit;
|
||||||
border: solid 1px;
|
border: solid 1px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
box-shadow: 0px 15px 10px -15px #000;
|
box-shadow: 0px 15px 10px -15px #000;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.arrow {
|
.arrow {
|
||||||
background: linear-gradient(-105deg,
|
background: linear-gradient(-105deg,
|
||||||
transparent 50%,
|
transparent 50%,
|
||||||
#309330 50%,
|
#309330 50%,
|
||||||
#309330 100%) top right,
|
#309330 100%) top right,
|
||||||
linear-gradient(-75deg,
|
linear-gradient(-75deg,
|
||||||
transparent 50%,
|
transparent 50%,
|
||||||
#309330 50%,
|
#309330 50%,
|
||||||
#309330 100%) bottom right;
|
#309330 100%) bottom right;
|
||||||
background-size: 100% 50%;
|
background-size: 100% 50%;
|
||||||
/* height: 400px; */
|
/* height: 400px; */
|
||||||
width: 250px;
|
width: 250px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-input) {
|
:deep(.el-input) {
|
||||||
width: 195px;
|
width: 195px;
|
||||||
height: 130px;
|
height: 130px;
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
:deep(.el-input-number) {
|
:deep(.el-input-number) {
|
||||||
width: 125px;
|
width: 125px;
|
||||||
height: 130px;
|
height: 130px;
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* :deep(.el-input .el-input__inner) {
|
/* :deep(.el-input .el-input__inner) {
|
||||||
|
|
@ -357,108 +368,108 @@ export default {
|
||||||
} */
|
} */
|
||||||
|
|
||||||
.title-div {
|
.title-div {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
width: -webkit-fill-available;
|
width: -webkit-fill-available;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
background-color: #CCCCCC;
|
background-color: #CCCCCC;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-text {
|
.title-text {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.station-div {
|
.station-div {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 150px;
|
width: 150px;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
background-color: #FFFAAA;
|
background-color: #FFFAAA;
|
||||||
}
|
}
|
||||||
|
|
||||||
.station-text {
|
.station-text {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.station-no-div {
|
.station-no-div {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
border: 5px double #000000;
|
border: 5px double #000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.station-no-text {
|
.station-no-text {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.display-title-div {
|
.display-title-div {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 205px;
|
width: 205px;
|
||||||
height: 80px;
|
height: 80px;
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
background-color: #FFFAAA;
|
background-color: #FFFAAA;
|
||||||
}
|
}
|
||||||
|
|
||||||
.display-title-text {
|
.display-title-text {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.display-form-div {
|
.display-form-div {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 195px;
|
width: 195px;
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
border: 5px double #000000;
|
border: 5px double #000000;
|
||||||
margin-top: 25px;
|
margin-top: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.display-form-div-left {
|
.display-form-div-left {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 125px;
|
width: 125px;
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
border: 5px double #000000;
|
border: 5px double #000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.display-form-div-right {
|
.display-form-div-right {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
background-color: #CCCCCC;
|
background-color: #CCCCCC;
|
||||||
}
|
}
|
||||||
|
|
||||||
.display-form-text-right {
|
.display-form-text-right {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.goods-list-area {
|
.goods-list-area {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
min-height: fit-content;
|
min-height: fit-content;
|
||||||
max-height: 90%;
|
max-height: 90%;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
min-width: inherit;
|
min-width: inherit;
|
||||||
border: solid 1px;
|
border: solid 1px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
box-shadow: 0px 15px 10px -15px #000;
|
box-shadow: 0px 15px 10px -15px #000;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
Loading…
Reference in New Issue
Block a user