|
|
@@ -1,386 +1,471 @@
|
|
|
<template>
|
|
|
- <ele-modal :title="title" :visible.sync="visible" :before-close="handleClose" :close-on-click-modal="false"
|
|
|
- :close-on-press-escape="false" append-to-body width="75%" :maxable="true">
|
|
|
- <el-card shadow="never">
|
|
|
- <el-form ref="formName" :model="formData" label-width="80px" :rules="rules">
|
|
|
- <el-row :gutter="15">
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="编码:" prop="code">
|
|
|
- <el-input v-model="formData.code" placeholder="请输入内容" disabled></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="类型:" prop="sourceType">
|
|
|
- <el-select style="width: 100%;" v-model="formData.sourceType" placeholder="请选择类型"
|
|
|
- :disabled="this.title == '详情'">
|
|
|
- <el-option label="余料退库" value="SurplusReturn"></el-option>
|
|
|
- <el-option label="不良退库" value="UnqualifiedReturn"></el-option>
|
|
|
- <el-option label="完工入库" value="Finish"></el-option>
|
|
|
- <el-option label="暂存入库" value="Temp"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="6">
|
|
|
- <el-form-item label="备注" prop="remark">
|
|
|
- <el-input v-model="formData.remark" placeholder="请输入内容"
|
|
|
- :disabled="this.title == '详情'"></el-input>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- <div style="margin-top: 12px;">
|
|
|
- <ele-pro-table ref="eleTable" row-key="outInDetailId" :columns="columns" :datasource="datasource"
|
|
|
- height="calc(100vh - 405px)" full-height="calc(100vh - 116px)" tool-class="ele-toolbar-form"
|
|
|
- :pageSize="20" @selection-change="handleSelectionChange" :initLoad="false" @done="onDone">
|
|
|
- <template v-slot:measureQuantity="{ row }">
|
|
|
- <el-input v-model="row.measureQuantity" placeholder="请输入"
|
|
|
- @input="value => inputNum(value, row)"></el-input>
|
|
|
- </template>
|
|
|
- <template v-slot:purpose="{ row }">
|
|
|
- <el-input v-model="row.purpose" placeholder="请输入"></el-input>
|
|
|
- </template>
|
|
|
- <template v-slot:certificateNumber="{ row, $index }">
|
|
|
- <div>
|
|
|
- <el-input v-model="row.certificateNumber" placeholder="请输入"
|
|
|
- @blur="validateCertificate(row, $index)"
|
|
|
- :class="{ 'is-error': row.certificateError }"></el-input>
|
|
|
- <div v-if="row.certificateError" class="el-form-item__error">
|
|
|
- {{ row.certificateError }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </ele-pro-table>
|
|
|
+ <ele-modal
|
|
|
+ :title="title"
|
|
|
+ :visible.sync="visible"
|
|
|
+ :before-close="handleClose"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ :close-on-press-escape="false"
|
|
|
+ append-to-body
|
|
|
+ width="75%"
|
|
|
+ :maxable="true"
|
|
|
+ >
|
|
|
+ <el-card shadow="never">
|
|
|
+ <el-form
|
|
|
+ ref="formName"
|
|
|
+ :model="formData"
|
|
|
+ label-width="80px"
|
|
|
+ :rules="rules"
|
|
|
+ >
|
|
|
+ <el-row :gutter="15">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="编码:" prop="code">
|
|
|
+ <el-input
|
|
|
+ v-model="formData.code"
|
|
|
+ placeholder="请输入内容"
|
|
|
+ disabled
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="类型:" prop="sourceType">
|
|
|
+ <el-select
|
|
|
+ style="width: 100%"
|
|
|
+ v-model="formData.sourceType"
|
|
|
+ placeholder="请选择类型"
|
|
|
+ :disabled="readonlyMode"
|
|
|
+ >
|
|
|
+ <el-option label="余料退库" value="SurplusReturn"></el-option>
|
|
|
+ <el-option
|
|
|
+ label="不良退库"
|
|
|
+ value="UnqualifiedReturn"
|
|
|
+ ></el-option>
|
|
|
+ <el-option label="完工入库" value="Finish"></el-option>
|
|
|
+ <el-option label="暂存入库" value="Temp"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-form-item label="备注" prop="remark">
|
|
|
+ <el-input
|
|
|
+ v-model="formData.remark"
|
|
|
+ placeholder="请输入内容"
|
|
|
+ :disabled="readonlyMode"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ <div style="margin-top: 12px">
|
|
|
+ <ele-pro-table
|
|
|
+ ref="eleTable"
|
|
|
+ row-key="outInDetailId"
|
|
|
+ :columns="tableColumns"
|
|
|
+ :datasource="datasource"
|
|
|
+ height="calc(100vh - 405px)"
|
|
|
+ full-height="calc(100vh - 116px)"
|
|
|
+ tool-class="ele-toolbar-form"
|
|
|
+ :pageSize="20"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ :initLoad="false"
|
|
|
+ @done="onDone"
|
|
|
+ >
|
|
|
+ <template v-slot:measureQuantity="{ row }">
|
|
|
+ <el-input
|
|
|
+ v-model="row.measureQuantity"
|
|
|
+ placeholder="请输入"
|
|
|
+ :disabled="readonlyMode"
|
|
|
+ @input="(value) => inputNum(value, row)"
|
|
|
+ ></el-input>
|
|
|
+ </template>
|
|
|
+ <template v-slot:purpose="{ row }">
|
|
|
+ <el-input
|
|
|
+ v-model="row.purpose"
|
|
|
+ placeholder="请输入"
|
|
|
+ :disabled="readonlyMode"
|
|
|
+ ></el-input>
|
|
|
+ </template>
|
|
|
+ <template v-slot:certificateNumber="{ row, $index }">
|
|
|
+ <div>
|
|
|
+ <el-input
|
|
|
+ v-model="row.certificateNumber"
|
|
|
+ placeholder="请输入"
|
|
|
+ :disabled="readonlyMode"
|
|
|
+ @blur="validateCertificate(row, $index)"
|
|
|
+ :class="{ 'is-error': row.certificateError }"
|
|
|
+ ></el-input>
|
|
|
+ <div v-if="row.certificateError" class="el-form-item__error">
|
|
|
+ {{ row.certificateError }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </el-card>
|
|
|
- <div class="btns" v-if="this.title != '详情'">
|
|
|
- <el-button type="primary" size="small" @click="handleSave">确认</el-button>
|
|
|
- <el-button size="small" @click="handleClose">取消</el-button>
|
|
|
- </div>
|
|
|
- </ele-modal>
|
|
|
+ </template>
|
|
|
+ </ele-pro-table>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ <div class="btns" v-if="title != '详情'">
|
|
|
+ <el-button type="primary" size="small" @click="handleSave"
|
|
|
+ >确认</el-button
|
|
|
+ >
|
|
|
+ <el-button size="small" @click="handleClose">取消</el-button>
|
|
|
+ </div>
|
|
|
+ </ele-modal>
|
|
|
</template>
|
|
|
<script>
|
|
|
-import storageApi from '@/api/warehouseManagement';
|
|
|
-import { getCode } from '@/api/codeManagement/index.js';
|
|
|
-import { re } from 'mathjs';
|
|
|
-export default {
|
|
|
- props: {
|
|
|
- },
|
|
|
+ import storageApi from '@/api/warehouseManagement';
|
|
|
+ import { getCode } from '@/api/codeManagement/index.js';
|
|
|
+ import { re } from 'mathjs';
|
|
|
+ export default {
|
|
|
+ props: {},
|
|
|
data() {
|
|
|
- return {
|
|
|
- visible: false,
|
|
|
- title: '',
|
|
|
- formData: {
|
|
|
- code: '',
|
|
|
- sourceType: '',
|
|
|
- remark: ''
|
|
|
- },
|
|
|
- columns: [
|
|
|
- {
|
|
|
- columnKey: 'selection',
|
|
|
- type: 'selection',
|
|
|
- width: 45,
|
|
|
- align: 'center',
|
|
|
- },
|
|
|
- {
|
|
|
- columnKey: 'index',
|
|
|
- type: 'index',
|
|
|
- width: 50,
|
|
|
- align: 'center',
|
|
|
- label: '序号',
|
|
|
- showOverflowTooltip: true,
|
|
|
- fixed: 'left'
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'batchNo',
|
|
|
- label: '批次号',
|
|
|
- align: 'center',
|
|
|
- width: 100,
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'categoryCode',
|
|
|
- label: '物品编码',
|
|
|
- align: 'center',
|
|
|
- showOverflowTooltip: true,
|
|
|
- width: 100,
|
|
|
- },
|
|
|
- {
|
|
|
- slot: 'categoryName',
|
|
|
- prop: 'categoryName',
|
|
|
- label: '物品名称',
|
|
|
- align: 'center',
|
|
|
- showOverflowTooltip: true,
|
|
|
- minWidth: 160
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'inventoryCycle',
|
|
|
- label: '存货周期(天)',
|
|
|
- align: 'center',
|
|
|
- width: 120,
|
|
|
- showOverflowTooltip: true
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'brandNum',
|
|
|
- label: '牌号',
|
|
|
- align: 'center',
|
|
|
- showOverflowTooltip: true
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'categoryModel',
|
|
|
- label: '型号',
|
|
|
- align: 'center',
|
|
|
- width: 120,
|
|
|
- showOverflowTooltip: true
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'specification',
|
|
|
- label: '规格',
|
|
|
- align: 'center',
|
|
|
- width: 120,
|
|
|
- showOverflowTooltip: true
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'supplierName',
|
|
|
- label: '供应商',
|
|
|
- showOverflowTooltip: true,
|
|
|
- width: 130,
|
|
|
- align: 'center'
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'level',
|
|
|
- label: '级别',
|
|
|
- showOverflowTooltip: true
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'certificateNumber',
|
|
|
- slot: 'certificateNumber',
|
|
|
- label: '合格证号',
|
|
|
- showOverflowTooltip: true,
|
|
|
- width: 160,
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'originalMeasureQuantity',
|
|
|
- label: '库存数量',
|
|
|
- sortable: 'custom',
|
|
|
- showOverflowTooltip: true,
|
|
|
- width: 130,
|
|
|
- align: 'center'
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'measureQuantity',
|
|
|
- slot: 'measureQuantity',
|
|
|
- label: '计量数量',
|
|
|
- sortable: 'custom',
|
|
|
- showOverflowTooltip: true,
|
|
|
- width: 130,
|
|
|
- align: 'center'
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'measureUnit',
|
|
|
- label: '计量单位',
|
|
|
- align: 'center'
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'weight',
|
|
|
- label: '重量',
|
|
|
- showOverflowTooltip: true
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'weightUnit',
|
|
|
- label: '重量单位',
|
|
|
- showOverflowTooltip: true
|
|
|
- },
|
|
|
- {
|
|
|
- prop: 'purpose',
|
|
|
- slot: 'purpose',
|
|
|
- label: '用途',
|
|
|
- showOverflowTooltip: true,
|
|
|
- width: 130,
|
|
|
- },
|
|
|
- ],
|
|
|
- rules: {
|
|
|
- sourceType: [
|
|
|
- { required: true, message: '请选择申请类型', trigger: 'change' }
|
|
|
- ],
|
|
|
- },
|
|
|
- loading: false,
|
|
|
- selectionList: [],
|
|
|
- ids: [],
|
|
|
- detailJnVOList: []
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- methods: {
|
|
|
- async datasource({ page, where, limit }) {
|
|
|
- const res = await storageApi.getBatchList({ ...where, page, limit });
|
|
|
-
|
|
|
- const data = res.list.map(
|
|
|
- (item) => {
|
|
|
- item.originalMeasureQuantity = item.measureQuantity;
|
|
|
- item.certificateError = '';
|
|
|
- item.outInDetailId = item.id;
|
|
|
- delete item.id;
|
|
|
-
|
|
|
- return {
|
|
|
- ...item
|
|
|
- };
|
|
|
- }
|
|
|
- );
|
|
|
- return data;
|
|
|
+ return {
|
|
|
+ visible: false,
|
|
|
+ title: '',
|
|
|
+ formData: {
|
|
|
+ code: '',
|
|
|
+ sourceType: '',
|
|
|
+ remark: ''
|
|
|
},
|
|
|
- reload(where) {
|
|
|
- this.$nextTick(() => {
|
|
|
- if (this.$refs.eleTable && this.$refs.eleTable.reload)
|
|
|
- this.$refs.eleTable.reload({ page: 1, where: where });
|
|
|
- })
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ columnKey: 'selection',
|
|
|
+ type: 'selection',
|
|
|
+ width: 45,
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ columnKey: 'index',
|
|
|
+ type: 'index',
|
|
|
+ width: 50,
|
|
|
+ align: 'center',
|
|
|
+ label: '序号',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ fixed: 'left'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'batchNo',
|
|
|
+ label: '批次号',
|
|
|
+ align: 'center',
|
|
|
+ width: 100
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'categoryCode',
|
|
|
+ label: '物品编码',
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ width: 100
|
|
|
+ },
|
|
|
+ {
|
|
|
+ slot: 'categoryName',
|
|
|
+ prop: 'categoryName',
|
|
|
+ label: '物品名称',
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ minWidth: 160
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'inventoryCycle',
|
|
|
+ label: '存货周期(天)',
|
|
|
+ align: 'center',
|
|
|
+ width: 120,
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'brandNum',
|
|
|
+ label: '牌号',
|
|
|
+ align: 'center',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'categoryModel',
|
|
|
+ label: '型号',
|
|
|
+ align: 'center',
|
|
|
+ width: 120,
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'specification',
|
|
|
+ label: '规格',
|
|
|
+ align: 'center',
|
|
|
+ width: 120,
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'supplierName',
|
|
|
+ label: '供应商',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ width: 130,
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'level',
|
|
|
+ label: '级别',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'certificateNumber',
|
|
|
+ slot: 'certificateNumber',
|
|
|
+ label: '合格证号',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ width: 160
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'originalMeasureQuantity',
|
|
|
+ label: '库存数量',
|
|
|
+ sortable: 'custom',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ width: 130,
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'measureQuantity',
|
|
|
+ slot: 'measureQuantity',
|
|
|
+ label: '计量数量',
|
|
|
+ sortable: 'custom',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ width: 130,
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'measureUnit',
|
|
|
+ label: '计量单位',
|
|
|
+ align: 'center'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'weight',
|
|
|
+ label: '重量',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'weightUnit',
|
|
|
+ label: '重量单位',
|
|
|
+ showOverflowTooltip: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: 'purpose',
|
|
|
+ slot: 'purpose',
|
|
|
+ label: '用途',
|
|
|
+ showOverflowTooltip: true,
|
|
|
+ width: 130
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ rules: {
|
|
|
+ sourceType: [
|
|
|
+ { required: true, message: '请选择申请类型', trigger: 'change' }
|
|
|
+ ]
|
|
|
},
|
|
|
- onDone() {
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs.eleTable.setSelectedRowKeys(this.ids);
|
|
|
- });
|
|
|
+ loading: false,
|
|
|
+ selectionList: [],
|
|
|
+ ids: [],
|
|
|
+ detailJnVOList: []
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ readonlyMode() {
|
|
|
+ return this.title === '详情';
|
|
|
+ },
|
|
|
+ tableColumns() {
|
|
|
+ return this.title === '详情'
|
|
|
+ ? this.columns.filter((c) => c.type !== 'selection')
|
|
|
+ : this.columns;
|
|
|
+ }
|
|
|
+ },
|
|
|
|
|
|
- if (this.detailJnVOList.length > 0) {
|
|
|
- let list = this.$refs.eleTable.getData();
|
|
|
+ methods: {
|
|
|
+ async datasource({ page, where, limit }) {
|
|
|
+ if (this.readonlyMode) {
|
|
|
+ return (this.detailJnVOList || []).map((item) => ({
|
|
|
+ ...item,
|
|
|
+ originalMeasureQuantity:
|
|
|
+ item.originalMeasureQuantity ?? item.measureQuantity,
|
|
|
+ certificateError: ''
|
|
|
+ }));
|
|
|
+ }
|
|
|
+ const res = await storageApi.getBatchList({ ...where, page, limit });
|
|
|
|
|
|
- for (let i = 0; i < list.length; i++) {
|
|
|
- for (let j = 0; j < this.detailJnVOList.length; j++) {
|
|
|
- if (list[i].outInDetailId == this.detailJnVOList[j].outInDetailId) {
|
|
|
+ const data = res.list.map((item) => {
|
|
|
+ item.originalMeasureQuantity = item.measureQuantity;
|
|
|
+ item.certificateError = '';
|
|
|
+ item.outInDetailId = item.id;
|
|
|
+ delete item.id;
|
|
|
|
|
|
- this.$set(list[i], 'certificateNumber', this.detailJnVOList[j].certificateNumber)
|
|
|
- this.$set(list[i], 'measureQuantity', this.detailJnVOList[j].measureQuantity)
|
|
|
- this.$set(list[i], 'purpose', this.detailJnVOList[j].purpose)
|
|
|
+ return {
|
|
|
+ ...item
|
|
|
+ };
|
|
|
+ });
|
|
|
+ return data;
|
|
|
+ },
|
|
|
+ reload(where) {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ if (this.$refs.eleTable && this.$refs.eleTable.reload)
|
|
|
+ this.$refs.eleTable.reload({ page: 1, where: where });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ onDone() {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.eleTable.setSelectedRowKeys(this.ids);
|
|
|
+ });
|
|
|
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- },
|
|
|
- resetData() {
|
|
|
- this.formData = {
|
|
|
- code: '',
|
|
|
- sourceType: '',
|
|
|
- remark: ''
|
|
|
- };
|
|
|
- this.detailJnVOList = []
|
|
|
- },
|
|
|
- validateCertificate(row, index) {
|
|
|
- let list = this.$refs.eleTable.getData();
|
|
|
- if (!row.certificateNumber || row.certificateNumber.trim() === '') {
|
|
|
- this.$set(list[index], 'certificateError', '证书号不能为空');
|
|
|
- } else {
|
|
|
- this.$set(list[index], 'certificateError', '');
|
|
|
- }
|
|
|
- },
|
|
|
- async open(type, row) {
|
|
|
- this.resetData();
|
|
|
- this.visible = true;
|
|
|
- this.title = type == 'add' ? '新增' : type == 'detail' ? '详情' : '编辑';
|
|
|
+ if (this.detailJnVOList.length > 0) {
|
|
|
+ let list = this.$refs.eleTable.getData();
|
|
|
|
|
|
- if (type == 'add') {
|
|
|
- const code = await getCode('Storage_application');
|
|
|
- this.formData.code = code;
|
|
|
- } else if (row?.id) {
|
|
|
- await this.getDraftDetail(row.id);
|
|
|
+ for (let i = 0; i < list.length; i++) {
|
|
|
+ for (let j = 0; j < this.detailJnVOList.length; j++) {
|
|
|
+ if (
|
|
|
+ list[i].outInDetailId == this.detailJnVOList[j].outInDetailId
|
|
|
+ ) {
|
|
|
+ this.$set(
|
|
|
+ list[i],
|
|
|
+ 'certificateNumber',
|
|
|
+ this.detailJnVOList[j].certificateNumber
|
|
|
+ );
|
|
|
+ this.$set(
|
|
|
+ list[i],
|
|
|
+ 'measureQuantity',
|
|
|
+ this.detailJnVOList[j].measureQuantity
|
|
|
+ );
|
|
|
+ this.$set(list[i], 'purpose', this.detailJnVOList[j].purpose);
|
|
|
+ }
|
|
|
}
|
|
|
- await this.reload();
|
|
|
- },
|
|
|
- async getDraftDetail(id) {
|
|
|
- const res = await storageApi.getStoragejnDetails(id);
|
|
|
- if (res) {
|
|
|
- this.$set(this, 'formData', res)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ resetData() {
|
|
|
+ this.formData = {
|
|
|
+ code: '',
|
|
|
+ sourceType: '',
|
|
|
+ remark: ''
|
|
|
+ };
|
|
|
+ this.detailJnVOList = [];
|
|
|
+ },
|
|
|
+ validateCertificate(row, index) {
|
|
|
+ let list = this.$refs.eleTable.getData();
|
|
|
+ if (!row.certificateNumber || row.certificateNumber.trim() === '') {
|
|
|
+ this.$set(list[index], 'certificateError', '证书号不能为空');
|
|
|
+ } else {
|
|
|
+ this.$set(list[index], 'certificateError', '');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ async open(type, row) {
|
|
|
+ this.resetData();
|
|
|
+ this.visible = true;
|
|
|
+ this.title =
|
|
|
+ type == 'add' ? '新增' : type == 'detail' ? '详情' : '编辑';
|
|
|
|
|
|
- this.ids = res.detailJnVOList?.map((item) => item.outInDetailId) || [];
|
|
|
- this.detailJnVOList = res.detailJnVOList || [];
|
|
|
- }
|
|
|
+ if (type == 'add') {
|
|
|
+ const code = await getCode('Storage_application');
|
|
|
+ this.formData.code = code;
|
|
|
+ } else if (row?.id) {
|
|
|
+ await this.getDraftDetail(row.id);
|
|
|
+ }
|
|
|
+ await this.reload();
|
|
|
+ },
|
|
|
+ async getDraftDetail(id) {
|
|
|
+ const res = await storageApi.getStoragejnDetails(id);
|
|
|
+ if (res) {
|
|
|
+ this.$set(this, 'formData', res);
|
|
|
|
|
|
- },
|
|
|
- inputNum(value, row) {
|
|
|
- const num = value.replace(/[^\d.]/g, '');
|
|
|
- const oldValue = row.originalMeasureQuantity;
|
|
|
+ this.ids =
|
|
|
+ res.detailJnVOList?.map((item) => item.outInDetailId) || [];
|
|
|
+ this.detailJnVOList = res.detailJnVOList || [];
|
|
|
+ }
|
|
|
+ },
|
|
|
+ inputNum(value, row) {
|
|
|
+ const num = value.replace(/[^\d.]/g, '');
|
|
|
+ const oldValue = row.originalMeasureQuantity;
|
|
|
|
|
|
- if (num > oldValue) {
|
|
|
- this.$set(row, 'measureQuantity', oldValue);
|
|
|
- } else {
|
|
|
- this.$set(row, 'measureQuantity', num);
|
|
|
+ if (num > oldValue) {
|
|
|
+ this.$set(row, 'measureQuantity', oldValue);
|
|
|
+ } else {
|
|
|
+ this.$set(row, 'measureQuantity', num);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleSelectionChange(selection) {
|
|
|
+ console.log(selection, '勾选');
|
|
|
+ if (this.title === '新增' && selection.length > 1) {
|
|
|
+ const last = selection[selection.length - 1];
|
|
|
+ this.selectionList = [last];
|
|
|
+ this.$nextTick(() => {
|
|
|
+ if (this.$refs.eleTable && this.$refs.eleTable.setSelectedRowKeys) {
|
|
|
+ this.$refs.eleTable.setSelectedRowKeys([last.outInDetailId]);
|
|
|
}
|
|
|
- },
|
|
|
- handleSelectionChange(selection) {
|
|
|
- console.log(selection, '勾选')
|
|
|
- this.selectionList = selection;
|
|
|
- },
|
|
|
- handleClose() {
|
|
|
- this.visible = false;
|
|
|
- this.resetData()
|
|
|
- },
|
|
|
- handleSave() {
|
|
|
- this.$refs.formName.validate(async (valid) => {
|
|
|
- if (valid) {
|
|
|
- if (this.selectionList.length == 0) return this.$message.warning('请选择入库物品')
|
|
|
-
|
|
|
- let isValid = true;
|
|
|
- this.selectionList.forEach(item => {
|
|
|
- if (!item.certificateNumber?.trim()) {
|
|
|
- isValid = false;
|
|
|
- this.$set(item, 'certificateError', '证书号不能为空');
|
|
|
- }
|
|
|
- })
|
|
|
- if (!isValid) {
|
|
|
- this.$message.error('请填写所有必填项');
|
|
|
- return;
|
|
|
- }
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ this.selectionList = selection;
|
|
|
+ },
|
|
|
+ handleClose() {
|
|
|
+ this.visible = false;
|
|
|
+ this.resetData();
|
|
|
+ },
|
|
|
+ handleSave() {
|
|
|
+ this.$refs.formName.validate(async (valid) => {
|
|
|
+ if (valid) {
|
|
|
+ if (this.selectionList.length == 0)
|
|
|
+ return this.$message.warning('请选择入库物品');
|
|
|
|
|
|
- let postData = {
|
|
|
- type: 1,
|
|
|
- code: this.formData.code,
|
|
|
- sourceType: this.formData.sourceType,
|
|
|
- detailJnAddPOList: this.selectionList,
|
|
|
- id: this.title == '编辑' ? this.formData.id : null,
|
|
|
+ let isValid = true;
|
|
|
+ this.selectionList.forEach((item) => {
|
|
|
+ if (!item.certificateNumber?.trim()) {
|
|
|
+ isValid = false;
|
|
|
+ this.$set(item, 'certificateError', '证书号不能为空');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ if (!isValid) {
|
|
|
+ this.$message.error('请填写所有必填项');
|
|
|
+ return;
|
|
|
+ }
|
|
|
|
|
|
- }
|
|
|
- this.loading = true;
|
|
|
- storageApi
|
|
|
- .saveStoragejn(postData)
|
|
|
- .then(async (res) => {
|
|
|
- if (res == 0) {
|
|
|
- try {
|
|
|
- this.$message.success('保存成功');
|
|
|
- this.loading = false;
|
|
|
- this.visible = false;
|
|
|
- this.$emit('success')
|
|
|
- } catch (error) {
|
|
|
- this.visible = false;
|
|
|
- console.log('失败', error);
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- .catch((err) => {
|
|
|
- console.log('申请失败', err);
|
|
|
- this.loading = false;
|
|
|
- this.visible = false;
|
|
|
- });
|
|
|
- } else {
|
|
|
- return false;
|
|
|
+ let postData = {
|
|
|
+ type: 1,
|
|
|
+ code: this.formData.code,
|
|
|
+ sourceType: this.formData.sourceType,
|
|
|
+ detailJnAddPOList: this.selectionList,
|
|
|
+ id: this.title == '编辑' ? this.formData.id : null
|
|
|
+ };
|
|
|
+ this.loading = true;
|
|
|
+ storageApi
|
|
|
+ .saveStoragejn(postData)
|
|
|
+ .then(async (res) => {
|
|
|
+ if (res == 0) {
|
|
|
+ try {
|
|
|
+ this.$message.success('保存成功');
|
|
|
+ this.loading = false;
|
|
|
+ this.visible = false;
|
|
|
+ this.$emit('success');
|
|
|
+ } catch (error) {
|
|
|
+ this.visible = false;
|
|
|
+ console.log('失败', error);
|
|
|
+ }
|
|
|
}
|
|
|
- });
|
|
|
- }
|
|
|
+ })
|
|
|
+ .catch((err) => {
|
|
|
+ console.log('申请失败', err);
|
|
|
+ this.loading = false;
|
|
|
+ this.visible = false;
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
+ };
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
-.btns {
|
|
|
+ .btns {
|
|
|
text-align: center;
|
|
|
padding: 10px 0;
|
|
|
-}
|
|
|
+ }
|
|
|
|
|
|
-.el-form-item__error {
|
|
|
+ .el-form-item__error {
|
|
|
color: red;
|
|
|
font-size: 12px;
|
|
|
line-height: 1;
|
|
|
padding-top: 4px;
|
|
|
position: relative;
|
|
|
-}
|
|
|
+ }
|
|
|
|
|
|
-.is-error .el-input__inner {
|
|
|
+ .is-error .el-input__inner {
|
|
|
border-color: red;
|
|
|
-}
|
|
|
-</style>
|
|
|
+ }
|
|
|
+</style>
|
695593266@qq.com