newCreateAndDistribute #2
|
|
@ -1,448 +1,491 @@
|
|||
<template>
|
||||
<div style="margin-bottom: 10px; height: 100%; padding-left: 1%; padding-right: 1%;">
|
||||
<el-config-provider :locale="zhCn">
|
||||
<div style="display: flex;justify-content: space-between;">
|
||||
<el-row>
|
||||
<el-input v-model="goodsIdQuery" style="width: 158px; margin-right: 10px;" placeholder="料号"
|
||||
:suffix-icon="Search" />
|
||||
<el-button type="primary" @click="search()">搜索</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-row>
|
||||
<el-row>
|
||||
<el-button style="background-color: #00CED1; color: #000;"
|
||||
@click="uploadDialogVisible = true">导入</el-button>
|
||||
<el-button style="background-color: #32CD32; color: #000;" @click="exportExcel()">导出</el-button>
|
||||
</el-row>
|
||||
</div>
|
||||
<br />
|
||||
<el-table :data="goodsList" stripe border v-loading="loading" class="table-class" highlight-current-row
|
||||
<div style="margin-bottom: 10px; height: 100%; padding-left: 1%; padding-right: 1%;">
|
||||
<el-config-provider :locale="zhCn">
|
||||
<div style="display: flex;justify-content: space-between;">
|
||||
<el-row>
|
||||
<el-input v-model="goodsIdQuery" style="width: 158px; margin-right: 10px;" placeholder="料号"
|
||||
:suffix-icon="Search"/>
|
||||
<el-button type="primary" @click="search()">搜索</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-row>
|
||||
<el-row>
|
||||
<el-button style="background-color: #00CED1; color: #000;"
|
||||
@click="uploadDialogVisible = true">导入
|
||||
</el-button>
|
||||
<el-button style="background-color: #32CD32; color: #000;" @click="exportExcel()">导出</el-button>
|
||||
</el-row>
|
||||
</div>
|
||||
<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' }"
|
||||
:cell-style="{ 'text-align': 'center' }">
|
||||
<el-table-column width="65px" fixed="left">
|
||||
<template v-slot="scope">
|
||||
<el-radio :label="scope.row.goodsId" v-model="goodsId"> </el-radio>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="goodsId" label="料号" fixed="left" min-width="120px" />
|
||||
<el-table-column prop="goodsName" label="描述" min-width="120px" />
|
||||
<el-table-column prop="goodsUnit" label="单位" min-width="120px" />
|
||||
<el-table-column prop="goodsType" label="物料分类" min-width="120px" />
|
||||
<el-table-column prop="providerType" label="供应商分类" min-width="120px" />
|
||||
<el-table-column prop="weight" label="重量" min-width="120px" />
|
||||
<el-table-column prop="weightUnit" label="重量单位" min-width="120px" />
|
||||
<el-table-column prop="quantityPerBox" label="每盒数量" min-width="120px" />
|
||||
<el-table-column prop="unpackingType" label="拆包方式" min-width="120px" />
|
||||
<el-table-column prop="vehicleType" label="料箱类型" min-width="120px" />
|
||||
<el-table-column prop="vehicleTypeDescription" label="料箱类型描述" min-width="120px" />
|
||||
<el-table-column prop="goodsInVehicleType" label="料箱类型2" min-width="120px" />
|
||||
<el-table-column prop="feedingType" label="补料方式" min-width="120px" />
|
||||
<el-table-column prop="feedingValue" label="补货点" min-width="120px" />
|
||||
<el-table-column prop="heat" label="热度" min-width="120px" />
|
||||
<el-table-column prop="releasePoint" label="卸货点" min-width="120px" />
|
||||
<el-table-column prop="dataSource" label="数据来源" min-width="120px" />
|
||||
<el-table-column prop="lastUpdateTime" label="最近更新时间" :formatter="timeFormat" min-width="120px" />
|
||||
<el-table-column prop="lastUpdateUser" label="最近更新用户" min-width="120px" />
|
||||
<el-table-column fixed="right" label="操作" width="240px">
|
||||
<template v-slot="scope">
|
||||
<el-button plain type="primary" @click="editCurrentRowGoods(scope.row)">编辑</el-button>
|
||||
<el-button plain type="danger" @click="deleteCurrentRowGoods(scope.row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<br />
|
||||
<el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize" :page-sizes="[10, 25, 50]"
|
||||
:small="false" :disabled="false" :background="false" :default-page-size="10"
|
||||
layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="search"
|
||||
@current-change="search" />
|
||||
<el-dialog v-model="dialogVisible" title="物料信息" width="40%" draggable :show-close="false">
|
||||
<div
|
||||
style="max-width: 100%; max-height: 500px; overflow: auto; display: flex; justify-content: center;">
|
||||
<el-form ref="goodsFormRef" :model="goodsFormEntity" :label-position="labelPosition"
|
||||
label-width="100px" style="width: 95%;" :rules="rules" status-icon>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12" :offset="0">
|
||||
<el-form-item label="料号" prop="goodsId">
|
||||
<el-input v-model="goodsFormEntity.goodsId" disabled />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="描述" prop="goodsName">
|
||||
<el-input v-model="goodsFormEntity.goodsName" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12" :offset="0">
|
||||
<el-form-item label="单位" prop="goodsUnit">
|
||||
<el-input v-model="goodsFormEntity.goodsUnit" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="物料分类" prop="goodsType">
|
||||
<el-input v-model="goodsFormEntity.goodsType" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12" :offset="0">
|
||||
<el-form-item label="供应商分类" prop="providerType">
|
||||
<el-input v-model="goodsFormEntity.providerType" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="重量" prop="weight">
|
||||
<el-input-number v-model.number="goodsFormEntity.weight" controls-position="right"
|
||||
:precision="3" :step="0.1" :min="0" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12" :offset="0">
|
||||
<el-form-item label="重量单位" prop="weightUnit">
|
||||
<el-input v-model="goodsFormEntity.weightUnit" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="每盒数量" prop="quantityPerBox">
|
||||
<el-input-number v-model.number="goodsFormEntity.quantityPerBox"
|
||||
controls-position="right" :min="0" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12" :offset="0">
|
||||
<el-form-item label="拆包方式" prop="unpackingType">
|
||||
<el-input v-model="goodsFormEntity.unpackingType" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="料箱类型" prop="vehicleType">
|
||||
<el-input v-model="goodsFormEntity.vehicleType" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12" :offset="0">
|
||||
<el-form-item label="热度" prop="heat">
|
||||
<el-input v-model="goodsFormEntity.heat" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="卸货点" prop="releasePoint">
|
||||
<el-input v-model="goodsFormEntity.releasePoint" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12" :offset="0">
|
||||
<el-form-item label="补料方式" prop="feedingType">
|
||||
<el-input v-model="goodsFormEntity.feedingType" clearable />
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="补货点" prop="feedingValue">
|
||||
<el-input-number v-model.number="goodsFormEntity.feedingValue"
|
||||
controls-position="right" :min="0" 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>
|
||||
<el-table-column width="65px" fixed="left">
|
||||
<template v-slot="scope">
|
||||
<el-radio :label="scope.row.goodsId" v-model="goodsId"> </el-radio>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="goodsId" label="料号" fixed="left" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="goodsName" label="描述" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="goodsUnit" label="单位" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="goodsType" label="物料分类" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="providerType" label="供应商分类" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="weight" label="重量" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="weightUnit" label="重量单位" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="quantityPerBox" label="每盒数量" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="unpackingType" label="拆包方式" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="vehicleType" label="料箱类型" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="vehicleTypeDescription" label="料箱类型描述" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="goodsInVehicleType" label="料箱类型2" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="feedingType" label="补料方式" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="feedingValue" label="补货点" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="heat" label="热度" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="releasePoint" label="卸货点" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="dataSource" label="数据来源" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="needInventory" label="盘点管理" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="haveSled" label="SLED管理" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="sledDays" label="SLED天数" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="indicator" label="盘点指示器" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="lastUpdateTime" label="最近更新时间" :formatter="timeFormat" min-width="120px"
|
||||
show-overflow-tooltip/>
|
||||
<el-table-column prop="lastUpdateUser" label="最近更新用户" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column fixed="right" label="操作" width="240px">
|
||||
<template v-slot="scope">
|
||||
<el-button plain type="primary" @click="editCurrentRowGoods(scope.row)">编辑</el-button>
|
||||
<el-button plain type="danger" @click="deleteCurrentRowGoods(scope.row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<br/>
|
||||
<el-pagination v-model:current-page="currentPage" v-model:page-size="pageSize" :page-sizes="[10, 25, 50]"
|
||||
:small="false" :disabled="false" :background="false" :default-page-size="10"
|
||||
layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="search"
|
||||
@current-change="search"/>
|
||||
<el-dialog v-model="dialogVisible" title="物料信息" width="40%" draggable :show-close="false">
|
||||
<div
|
||||
style="max-width: 100%; max-height: 500px; overflow: auto; display: flex; justify-content: center;">
|
||||
<el-form ref="goodsFormRef" :model="goodsFormEntity" :label-position="labelPosition"
|
||||
label-width="100px" style="width: 95%;" :rules="rules" status-icon>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12" :offset="0">
|
||||
<el-form-item label="料号" prop="goodsId">
|
||||
<el-input v-model="goodsFormEntity.goodsId" disabled/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="描述" prop="goodsName">
|
||||
<el-input v-model="goodsFormEntity.goodsName" clearable/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12" :offset="0">
|
||||
<el-form-item label="单位" prop="goodsUnit">
|
||||
<el-input v-model="goodsFormEntity.goodsUnit" clearable/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="物料分类" prop="goodsType">
|
||||
<el-input v-model="goodsFormEntity.goodsType" clearable/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12" :offset="0">
|
||||
<el-form-item label="供应商分类" prop="providerType">
|
||||
<el-input v-model="goodsFormEntity.providerType" clearable/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="重量" prop="weight">
|
||||
<el-input-number v-model.number="goodsFormEntity.weight" controls-position="right"
|
||||
:precision="3" :step="0.1" :min="0" clearable/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12" :offset="0">
|
||||
<el-form-item label="重量单位" prop="weightUnit">
|
||||
<el-input v-model="goodsFormEntity.weightUnit" clearable/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="每盒数量" prop="quantityPerBox">
|
||||
<el-input-number v-model.number="goodsFormEntity.quantityPerBox"
|
||||
controls-position="right" :min="0" clearable/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12" :offset="0">
|
||||
<el-form-item label="拆包方式" prop="unpackingType">
|
||||
<el-input v-model="goodsFormEntity.unpackingType" clearable/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="料箱类型" prop="vehicleType">
|
||||
<el-input v-model="goodsFormEntity.vehicleType" clearable/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12" :offset="0">
|
||||
<el-form-item label="热度" prop="heat">
|
||||
<el-input v-model="goodsFormEntity.heat" clearable/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="卸货点" prop="releasePoint">
|
||||
<el-input v-model="goodsFormEntity.releasePoint" clearable/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12" :offset="0">
|
||||
<el-form-item label="补料方式" prop="feedingType">
|
||||
<el-input v-model="goodsFormEntity.feedingType" clearable/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="补货点" prop="feedingValue">
|
||||
<el-input-number v-model.number="goodsFormEntity.feedingValue"
|
||||
controls-position="right" :min="0" clearable/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12" :offset="0">
|
||||
<el-form-item label="盘点管理" prop="needInventory">
|
||||
<el-input v-model="goodsFormEntity.needInventory" clearable/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="SLED管理" prop="haveSled">
|
||||
<el-input v-model="goodsFormEntity.haveSled" clearable/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="16">
|
||||
<el-col :span="12" :offset="0">
|
||||
<el-form-item label="SLED天数" prop="sledDays">
|
||||
<el-input-number v-model.number="goodsFormEntity.sledDays"
|
||||
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">
|
||||
<el-button @click="dialogVisible = false">取消</el-button>
|
||||
<el-button type="primary" @click="submitGoodsInfo(goodsFormEntity)">
|
||||
确定
|
||||
</el-button>
|
||||
</span>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="uploadDialogVisible" title="导入物料" width="40%" draggable :show-close="true">
|
||||
<fieldset class="title-area">
|
||||
<legend>导入物料基本信息</legend>
|
||||
<UploadExcelBaseGoods></UploadExcelBaseGoods>
|
||||
</fieldset>
|
||||
<fieldset class="title-area">
|
||||
<legend>导入看板</legend>
|
||||
<UploadExcelKanban></UploadExcelKanban>
|
||||
</fieldset>
|
||||
</el-dialog>
|
||||
</el-config-provider>
|
||||
</div>
|
||||
</template>
|
||||
</el-dialog>
|
||||
<el-dialog v-model="uploadDialogVisible" title="导入物料" width="40%" draggable :show-close="true">
|
||||
<fieldset class="title-area">
|
||||
<legend>导入物料基本信息</legend>
|
||||
<UploadExcelBaseGoods></UploadExcelBaseGoods>
|
||||
</fieldset>
|
||||
<fieldset class="title-area">
|
||||
<legend>导入看板</legend>
|
||||
<UploadExcelKanban></UploadExcelKanban>
|
||||
</fieldset>
|
||||
</el-dialog>
|
||||
</el-config-provider>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
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 { ElMessageBox, ElMessage } from 'element-plus'
|
||||
import { ref, reactive } from 'vue'
|
||||
import { dateFormatter, timeFormatter } from '@/utils/formatter.js'
|
||||
import { errorBox } from '@/utils/myMessageBox.js'
|
||||
import {ElMessageBox, ElMessage} from 'element-plus'
|
||||
import {ref, reactive} from 'vue'
|
||||
import {dateFormatter, timeFormatter} from '@/utils/formatter.js'
|
||||
import {errorBox} from '@/utils/myMessageBox.js'
|
||||
// import UploadExcelGoods from '@/excel/UploadExcelGoods.vue'
|
||||
import UploadExcelBaseGoods from '@/excel/UploadExcelBaseGoods.vue'
|
||||
import UploadExcelKanban from '@/excel/UploadExcelKanban.vue'
|
||||
import { downloadGoodsExcel } from '@/api/excel.js'
|
||||
import { Search } from '@element-plus/icons-vue'
|
||||
import {downloadGoodsExcel} from '@/api/excel.js'
|
||||
import {Search} from '@element-plus/icons-vue'
|
||||
</script>
|
||||
<script>
|
||||
export default {
|
||||
name: 'goods',
|
||||
data() {
|
||||
return {
|
||||
goodsList: [],
|
||||
goodsInfo: {},
|
||||
currentPage: 1,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
goodsIdQuery: '',
|
||||
loading: true,
|
||||
dialogVisible: false,
|
||||
uploadDialogVisible: false,
|
||||
goodsId: '',
|
||||
goodsFormEntity: reactive({}),
|
||||
labelPosition: 'top',
|
||||
goodsFormRef: ref(),
|
||||
rules: reactive({})
|
||||
name: 'goods',
|
||||
data() {
|
||||
return {
|
||||
goodsList: [],
|
||||
goodsInfo: {},
|
||||
currentPage: 1,
|
||||
pageSize: 10,
|
||||
total: 0,
|
||||
goodsIdQuery: '',
|
||||
loading: true,
|
||||
dialogVisible: false,
|
||||
uploadDialogVisible: false,
|
||||
goodsId: '',
|
||||
goodsFormEntity: reactive({}),
|
||||
labelPosition: 'top',
|
||||
goodsFormRef: ref(),
|
||||
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() {
|
||||
this.search()
|
||||
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: {
|
||||
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('一键设置错误。')
|
||||
})
|
||||
},
|
||||
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
|
||||
},
|
||||
dateFormat: (row, column, cellValue, index) => {
|
||||
return dateFormatter(cellValue)
|
||||
},
|
||||
timeFormat: (row, column, cellValue, index) => {
|
||||
return timeFormatter(cellValue)
|
||||
},
|
||||
reset() {
|
||||
this.goodsIdQuery = ''
|
||||
dateFormat: (row, column, cellValue, index) => {
|
||||
return dateFormatter(cellValue)
|
||||
},
|
||||
timeFormat: (row, column, cellValue, index) => {
|
||||
return timeFormatter(cellValue)
|
||||
},
|
||||
reset() {
|
||||
this.goodsIdQuery = ''
|
||||
this.search()
|
||||
},
|
||||
editCurrentRowGoods(row) {
|
||||
this.goodsId = row.goodsId
|
||||
this.goodsFormEntity = {
|
||||
goodsId: row.goodsId,
|
||||
goodsName: row.goodsName,
|
||||
goodsUnit: row.goodsUnit,
|
||||
goodsType: row.goodsType,
|
||||
providerType: row.providerType,
|
||||
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,
|
||||
needInventory: row.needInventory,
|
||||
haveSled: row.haveSled,
|
||||
sledDays: row.sledDays,
|
||||
indicator: row.indicator,
|
||||
}
|
||||
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()
|
||||
},
|
||||
editCurrentRowGoods(row) {
|
||||
this.goodsId = row.goodsId
|
||||
this.goodsFormEntity = {
|
||||
goodsId: row.goodsId,
|
||||
goodsName: row.goodsName,
|
||||
goodsUnit: row.goodsUnit,
|
||||
goodsType: row.goodsType,
|
||||
providerType: row.providerType,
|
||||
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('导出失败')
|
||||
})
|
||||
},
|
||||
} else {
|
||||
errorBox(res.data.message)
|
||||
}
|
||||
}).catch(err => {
|
||||
console.log(err)
|
||||
errorBox('删除物料信息失败')
|
||||
})
|
||||
}).catch(() => {
|
||||
ElMessage.info('操作取消')
|
||||
})
|
||||
},
|
||||
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>
|
||||
|
||||
<style scoped>
|
||||
.el-pagination {
|
||||
padding-left: 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.el-row .el-button {
|
||||
width: 72px;
|
||||
margin-left: 0px;
|
||||
margin-right: 5px;
|
||||
width: 72px;
|
||||
margin-left: 0px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.table-class {
|
||||
width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.el-row .el-form-item {
|
||||
width: 10% inherit;
|
||||
justify-content: center;
|
||||
width: 10% inherit;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.el-row .el-form-item .el-select-v2 {
|
||||
width: 100% !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.el-row .el-form-item .el-input-number {
|
||||
width: 100% !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.el-row .el-form-item .el-button {
|
||||
margin: auto;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.title-area {
|
||||
display: flex;
|
||||
/* min-height: 10%; */
|
||||
max-height: max-content;
|
||||
margin-bottom: 10px;
|
||||
min-width: inherit;
|
||||
border: solid 1px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0px 15px 10px -15px #000;
|
||||
overflow: auto;
|
||||
flex-direction: column;
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
/* min-height: 10%; */
|
||||
max-height: max-content;
|
||||
margin-bottom: 10px;
|
||||
min-width: inherit;
|
||||
border: solid 1px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0px 15px 10px -15px #000;
|
||||
overflow: auto;
|
||||
flex-direction: column;
|
||||
padding: 10px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,349 +1,360 @@
|
|||
<template>
|
||||
<el-config-provider :locale="zhCn">
|
||||
<el-container class="content">
|
||||
<div class="work-area">
|
||||
<fieldset class="title-area">
|
||||
<legend>
|
||||
工作台
|
||||
</legend>
|
||||
<div class="title-div">
|
||||
<span class="title-text">物料盘点</span>
|
||||
</div>
|
||||
<div class="station-div">
|
||||
<span class="station-text">工作站：</span>
|
||||
</div>
|
||||
<div class="station-no-div">
|
||||
<span class="station-no-text">{{ standId }}</span>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset class="goods-list-area">
|
||||
<legend>
|
||||
物料信息列表
|
||||
</legend>
|
||||
<el-table :data="inventoryGoodsDetails" stripe border max-height="200px"
|
||||
: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="vehiclesQuantity" label="料箱数量" min-width="120px" />
|
||||
<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="feedingWS" label="备料工位" min-width="120px" show-overflow-tooltip />
|
||||
<el-table-column prop="lastFeedingMachineNo" label="最后一台备料机器序列号" min-width="120px" show-overflow-tooltip />
|
||||
<el-table-column prop="lastFeedingTime" label="备料最后一台车日期" min-width="120px" show-overflow-tooltip />
|
||||
<el-table-column prop="isLack" label="是否缺料" min-width="120px" show-overflow-tooltip />
|
||||
</el-table>
|
||||
</fieldset>
|
||||
<fieldset class="main-area">
|
||||
<legend>
|
||||
物料盘点
|
||||
</legend>
|
||||
<el-form ref="workFormRef" :model="workFormEntity" :label-position="labelPosition"
|
||||
label-width="150px" style="max-width: 100%" :rules="rules" status-icon>
|
||||
<div style="display: flex;">
|
||||
<div style="display: block; margin: 5px;">
|
||||
<div
|
||||
style="display: inline-flex; justify-content: center; height: 40px; width: 430px; margin: 5px; padding: 5px; background-color: #00AAE8;">
|
||||
<el-config-provider :locale="zhCn">
|
||||
<el-container class="content">
|
||||
<div class="work-area">
|
||||
<fieldset class="title-area">
|
||||
<legend>
|
||||
工作台
|
||||
</legend>
|
||||
<div class="title-div">
|
||||
<span class="title-text">物料盘点</span>
|
||||
</div>
|
||||
<div class="station-div">
|
||||
<span class="station-text">工作站：</span>
|
||||
</div>
|
||||
<div class="station-no-div">
|
||||
<span class="station-no-text">{{ standId }}</span>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset class="goods-list-area">
|
||||
<legend>
|
||||
物料信息列表
|
||||
</legend>
|
||||
<el-table :data="inventoryGoodsDetails" stripe border max-height="200px"
|
||||
: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="vehiclesQuantity" label="料箱数量" min-width="120px"/>
|
||||
<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="feedingWS" label="备料工位" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="lastFeedingMachineNo" label="最后一台备料机器序列号" min-width="120px"
|
||||
show-overflow-tooltip/>
|
||||
<el-table-column prop="lastFeedingTime" label="备料最后一台车日期" min-width="120px" show-overflow-tooltip/>
|
||||
<el-table-column prop="isLack" label="是否缺料" min-width="120px" show-overflow-tooltip/>
|
||||
</el-table>
|
||||
</fieldset>
|
||||
<fieldset class="main-area">
|
||||
<legend>
|
||||
物料盘点
|
||||
</legend>
|
||||
<el-form ref="workFormRef" :model="workFormEntity" :label-position="labelPosition"
|
||||
label-width="150px" style="max-width: 100%" :rules="rules" status-icon>
|
||||
<div style="display: flex;">
|
||||
<div style="display: block; margin: 5px;">
|
||||
<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>
|
||||
</div>
|
||||
<div style="display: flex;">
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<div class="display-title-div">
|
||||
<span class="display-title-text">料号</span>
|
||||
</div>
|
||||
<div class="display-form-div">
|
||||
<el-input v-model="workFormEntity.goodsId" size="default" ref="goodsId"
|
||||
v-on:keyup.enter="getCurrentInvInfo()" clearable></el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<div class="display-title-div">
|
||||
<span class="display-title-text">箱号</span>
|
||||
</div>
|
||||
<div class="display-form-div">
|
||||
<el-input v-model="workFormEntity.vehicleId" size="default" ref="vehicleId" clearable></el-input>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin: 10px;">
|
||||
<div class="arrow" @click="invenOut()" style="height: 330px;">
|
||||
</div>
|
||||
<div style="display: flex;">
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<div class="display-title-div">
|
||||
<span class="display-title-text">料号</span>
|
||||
</div>
|
||||
<div class="display-form-div">
|
||||
<el-input v-model="workFormEntity.goodsId" size="default" ref="goodsId"
|
||||
v-on:keyup.enter="getCurrentInvInfo()" clearable></el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<div class="display-title-div">
|
||||
<span class="display-title-text">箱号</span>
|
||||
</div>
|
||||
<div class="display-form-div">
|
||||
<el-input v-model="workFormEntity.vehicleId" size="default" ref="vehicleId" clearable></el-input>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin: 10px;">
|
||||
<div class="arrow" @click="invenOut()" style="height: 330px;">
|
||||
<span
|
||||
style="margin-left: 25px; align-self: center; font-weight: bold;font-size: 45px; writing-mode: vertical-lr;">请求盘点</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-form>
|
||||
</fieldset>
|
||||
<fieldset class="main-area">
|
||||
<legend>
|
||||
盘点确认
|
||||
</legend>
|
||||
<el-form ref="confirmFormRef" :model="confirmFormEntity" :label-position="labelPosition"
|
||||
label-width="150px" style="max-width: 100%" :rules="rules" status-icon>
|
||||
<div style="display: flex;">
|
||||
<div style="display: block; margin: 5px;">
|
||||
<div style="display: flex;">
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<div class="display-title-div">
|
||||
<span class="display-title-text">箱号</span>
|
||||
</div>
|
||||
<div class="display-form-div">
|
||||
<el-input v-model="confirmFormEntity.vehicleId" size="default"
|
||||
ref="confirmVehicleId" v-on:keyup.enter="changeFocus()"
|
||||
clearable></el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<div class="display-title-div">
|
||||
<span class="display-title-text">料号</span>
|
||||
</div>
|
||||
<div class="display-form-div">
|
||||
<el-input v-model="confirmFormEntity.goodsId" size="default"
|
||||
ref="confirmGoodsId" v-on:keyup.enter="changeFocus()"
|
||||
clearable></el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<div class="display-title-div">
|
||||
<span class="display-title-text">盘点数量</span>
|
||||
</div>
|
||||
<div style="display: flex; margin-top: 20px;">
|
||||
<div class="display-form-div-left">
|
||||
<el-input-number v-model.number="confirmFormEntity.confirmNum"
|
||||
ref="confirmNum" v-on:keyup.enter="changeFocus()" controls-position="right" :min="0" />
|
||||
</div>
|
||||
<div class="display-form-div-right">
|
||||
<span class="display-form-text-right">PC</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin: 10px;">
|
||||
<div class="arrow" @click="invenConfirm()" style="height: 270px;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-form>
|
||||
</fieldset>
|
||||
<fieldset class="main-area">
|
||||
<legend>
|
||||
盘点确认
|
||||
</legend>
|
||||
<el-form ref="confirmFormRef" :model="confirmFormEntity" :label-position="labelPosition"
|
||||
label-width="150px" style="max-width: 100%" :rules="rules" status-icon>
|
||||
<div style="display: flex;">
|
||||
<div style="display: block; margin: 5px;">
|
||||
<div style="display: flex;">
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<div class="display-title-div">
|
||||
<span class="display-title-text">箱号</span>
|
||||
</div>
|
||||
<div class="display-form-div">
|
||||
<el-input v-model="confirmFormEntity.vehicleId" size="default"
|
||||
ref="confirmVehicleId" v-on:keyup.enter="changeFocus()"
|
||||
clearable></el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<div class="display-title-div">
|
||||
<span class="display-title-text">料号</span>
|
||||
</div>
|
||||
<div class="display-form-div">
|
||||
<el-input v-model="confirmFormEntity.goodsId" size="default"
|
||||
ref="confirmGoodsId" v-on:keyup.enter="changeFocus()"
|
||||
clearable></el-input>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex; flex-direction: column;">
|
||||
<div class="display-title-div">
|
||||
<span class="display-title-text">盘点数量</span>
|
||||
</div>
|
||||
<div style="display: flex; margin-top: 20px;">
|
||||
<div class="display-form-div-left">
|
||||
<el-input-number v-model.number="confirmFormEntity.confirmNum"
|
||||
ref="confirmNum" v-on:keyup.enter="changeFocus()" controls-position="right"
|
||||
:min="0"/>
|
||||
</div>
|
||||
<div class="display-form-div-right">
|
||||
<span class="display-form-text-right">PC</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="margin: 10px;">
|
||||
<div class="arrow" @click="invenConfirm()" style="height: 270px;">
|
||||
<span
|
||||
style="margin-left: 25px; align-self: center; font-weight: bold;font-size: 45px; writing-mode: vertical-lr;">确认盘点</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-form>
|
||||
</fieldset>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-container>
|
||||
</el-config-provider>
|
||||
</el-form>
|
||||
</fieldset>
|
||||
</div>
|
||||
</el-container>
|
||||
</el-config-provider>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import store from '@/store'
|
||||
import { inventoryOut, getCurrentGoodsInventory, inventoryConfirmBack } from '@/api/inventory'
|
||||
import { replaceEnglishAndNumberIGAI } from '@/utils/formatter'
|
||||
import { reactive, ref } from 'vue'
|
||||
import { errorBox } from '@/utils/myMessageBox.js'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import {inventoryOut, getCurrentGoodsInventory, inventoryConfirmBack} from '@/api/inventory'
|
||||
import {replaceEnglishAndNumberIGAI} from '@/utils/formatter'
|
||||
import {reactive, ref} from 'vue'
|
||||
import {errorBox} from '@/utils/myMessageBox.js'
|
||||
import {ElMessage} from 'element-plus'
|
||||
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
|
||||
</script>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'inventory',
|
||||
data() {
|
||||
return {
|
||||
standId: store.getters.getStandId,
|
||||
labelPosition: 'top',
|
||||
workFormRef: ref(),
|
||||
workFormEntity: reactive({
|
||||
goodsId: '',
|
||||
vehicleId: ''
|
||||
}),
|
||||
rules: reactive({
|
||||
goodsId: [
|
||||
{ required: true, message: '请输入料号' }
|
||||
]
|
||||
}),
|
||||
inventoryGoodsDetails: [],
|
||||
confirmFormRef: ref(),
|
||||
confirmFormEntity: reactive({
|
||||
goodsId: '',
|
||||
vehicleId: '',
|
||||
confirmNum: null
|
||||
}),
|
||||
}
|
||||
},
|
||||
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
|
||||
}
|
||||
},
|
||||
name: 'inventory',
|
||||
data() {
|
||||
return {
|
||||
standId: store.getters.getStandId,
|
||||
labelPosition: 'top',
|
||||
workFormRef: ref(),
|
||||
workFormEntity: reactive({
|
||||
goodsId: '',
|
||||
vehicleId: ''
|
||||
}),
|
||||
rules: reactive({
|
||||
goodsId: [
|
||||
{required: true, message: '请输入料号'}
|
||||
]
|
||||
}),
|
||||
inventoryGoodsDetails: [],
|
||||
confirmFormRef: ref(),
|
||||
confirmFormEntity: reactive({
|
||||
goodsId: '',
|
||||
vehicleId: '',
|
||||
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 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>
|
||||
|
||||
<style scoped>
|
||||
.content {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.work-area {
|
||||
width: 100%;
|
||||
/* padding: 5px; */
|
||||
width: 100%;
|
||||
/* padding: 5px; */
|
||||
}
|
||||
|
||||
.main-area {
|
||||
margin: auto;
|
||||
min-height: fit-content;
|
||||
max-height: 90%;
|
||||
margin-bottom: 10px;
|
||||
min-width: inherit;
|
||||
border: solid 1px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0px 15px 10px -15px #000;
|
||||
overflow: auto;
|
||||
margin: auto;
|
||||
min-height: fit-content;
|
||||
max-height: 90%;
|
||||
margin-bottom: 10px;
|
||||
min-width: inherit;
|
||||
border: solid 1px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0px 15px 10px -15px #000;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.title-area {
|
||||
display: flex;
|
||||
/* min-height: 10%; */
|
||||
max-height: max-content;
|
||||
margin-bottom: 10px;
|
||||
min-width: inherit;
|
||||
border: solid 1px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0px 15px 10px -15px #000;
|
||||
overflow: auto;
|
||||
display: flex;
|
||||
/* min-height: 10%; */
|
||||
max-height: max-content;
|
||||
margin-bottom: 10px;
|
||||
min-width: inherit;
|
||||
border: solid 1px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0px 15px 10px -15px #000;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.arrow {
|
||||
background: linear-gradient(-105deg,
|
||||
transparent 50%,
|
||||
#309330 50%,
|
||||
#309330 100%) top right,
|
||||
linear-gradient(-75deg,
|
||||
transparent 50%,
|
||||
#309330 50%,
|
||||
#309330 100%) bottom right;
|
||||
background-size: 100% 50%;
|
||||
/* height: 400px; */
|
||||
width: 250px;
|
||||
background-repeat: no-repeat;
|
||||
display: inline-flex;
|
||||
cursor: pointer;
|
||||
background: linear-gradient(-105deg,
|
||||
transparent 50%,
|
||||
#309330 50%,
|
||||
#309330 100%) top right,
|
||||
linear-gradient(-75deg,
|
||||
transparent 50%,
|
||||
#309330 50%,
|
||||
#309330 100%) bottom right;
|
||||
background-size: 100% 50%;
|
||||
/* height: 400px; */
|
||||
width: 250px;
|
||||
background-repeat: no-repeat;
|
||||
display: inline-flex;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
:deep(.el-input) {
|
||||
width: 195px;
|
||||
height: 130px;
|
||||
font-size: 25px;
|
||||
width: 195px;
|
||||
height: 130px;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
:deep(.el-input-number) {
|
||||
width: 125px;
|
||||
height: 130px;
|
||||
font-size: 25px;
|
||||
width: 125px;
|
||||
height: 130px;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
/* :deep(.el-input .el-input__inner) {
|
||||
|
|
@ -357,108 +368,108 @@ export default {
|
|||
} */
|
||||
|
||||
.title-div {
|
||||
display: inline-flex;
|
||||
width: -webkit-fill-available;
|
||||
margin-right: 5px;
|
||||
padding: 5px;
|
||||
background-color: #CCCCCC;
|
||||
display: inline-flex;
|
||||
width: -webkit-fill-available;
|
||||
margin-right: 5px;
|
||||
padding: 5px;
|
||||
background-color: #CCCCCC;
|
||||
}
|
||||
|
||||
.title-text {
|
||||
align-self: center;
|
||||
font-weight: bold;
|
||||
font-size: 25px;
|
||||
align-self: center;
|
||||
font-weight: bold;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.station-div {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
width: 150px;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
padding: 5px;
|
||||
background-color: #FFFAAA;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
width: 150px;
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
padding: 5px;
|
||||
background-color: #FFFAAA;
|
||||
}
|
||||
|
||||
.station-text {
|
||||
align-self: center;
|
||||
font-weight: bold;
|
||||
font-size: 25px;
|
||||
align-self: center;
|
||||
font-weight: bold;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.station-no-div {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
width: 200px;
|
||||
padding: 5px;
|
||||
border: 5px double #000000;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
width: 200px;
|
||||
padding: 5px;
|
||||
border: 5px double #000000;
|
||||
}
|
||||
|
||||
.station-no-text {
|
||||
align-self: center;
|
||||
font-weight: bold;
|
||||
font-size: 25px;
|
||||
align-self: center;
|
||||
font-weight: bold;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.display-title-div {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
width: 205px;
|
||||
height: 80px;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
background-color: #FFFAAA;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
width: 205px;
|
||||
height: 80px;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
background-color: #FFFAAA;
|
||||
}
|
||||
|
||||
.display-title-text {
|
||||
align-self: center;
|
||||
font-weight: bold;
|
||||
font-size: 25px;
|
||||
align-self: center;
|
||||
font-weight: bold;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.display-form-div {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
width: 195px;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
border: 5px double #000000;
|
||||
margin-top: 25px;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
width: 195px;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
border: 5px double #000000;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.display-form-div-left {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
width: 125px;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
border: 5px double #000000;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
width: 125px;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
border: 5px double #000000;
|
||||
}
|
||||
|
||||
.display-form-div-right {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
width: 50px;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
background-color: #CCCCCC;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
width: 50px;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
background-color: #CCCCCC;
|
||||
}
|
||||
|
||||
.display-form-text-right {
|
||||
align-self: center;
|
||||
font-weight: bold;
|
||||
font-size: 25px;
|
||||
align-self: center;
|
||||
font-weight: bold;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.goods-list-area {
|
||||
margin: auto;
|
||||
min-height: fit-content;
|
||||
max-height: 90%;
|
||||
margin-bottom: 10px;
|
||||
min-width: inherit;
|
||||
border: solid 1px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0px 15px 10px -15px #000;
|
||||
overflow: auto;
|
||||
margin: auto;
|
||||
min-height: fit-content;
|
||||
max-height: 90%;
|
||||
margin-bottom: 10px;
|
||||
min-width: inherit;
|
||||
border: solid 1px;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0px 15px 10px -15px #000;
|
||||
overflow: auto;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user