|
@@ -1,53 +1,54 @@
|
|
<template>
|
|
<template>
|
|
- <div class="bg-in-stock">
|
|
|
|
|
|
+ <div class="bg-in-stock dark:!bg-[#060818]">
|
|
<el-form ref="goodsExchangeAddFormRef" :model="goodsExchangeAddForm" :rules="goodsExchangeAddFormRule" label-width="160px" inline class="change-form">
|
|
<el-form ref="goodsExchangeAddFormRef" :model="goodsExchangeAddForm" :rules="goodsExchangeAddFormRule" label-width="160px" inline class="change-form">
|
|
- <el-form-item
|
|
|
|
- label="订单编号:"
|
|
|
|
- prop="order_id"
|
|
|
|
- class="change-form-item"
|
|
|
|
- v-if="goodsExchangeAddForm.sn && (goodsExchangeAddForm.type == 'SALE_AFTER' || goodsExchangeAddForm.type == 'HAIL_ENTRY')"
|
|
|
|
- >
|
|
|
|
- {{ goodsExchangeAddForm.sn }}
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item prop="warehouse_id" :label="$t('warehousing')+$t('warechouse')+':'" class="change-form-item">
|
|
|
|
- <el-select v-model="goodsExchangeAddForm.warehouse_id" clearable :disabled="type === 'view'">
|
|
|
|
- <el-option v-for="item in warehouseList" :key="item.id" :label="item.name" :value="item.id" />
|
|
|
|
- </el-select>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item :label="$t('type')+':'" prop="type" class="change-form-item">
|
|
|
|
- <el-select
|
|
|
|
- v-model="goodsExchangeAddForm.type"
|
|
|
|
- filterable
|
|
|
|
- allow-create
|
|
|
|
- clearable
|
|
|
|
- default-first-option
|
|
|
|
- :disabled="type === 'view' || orderType || goodsExchangeAddForm.type == 'SALE_AFTER' || goodsExchangeAddForm.type == 'HAIL_ENTRY'"
|
|
|
|
- >
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in typeList"
|
|
|
|
- :key="item.id"
|
|
|
|
- :label="item.label"
|
|
|
|
- :value="item.value"
|
|
|
|
- :disabled="item.value == 'TRANSFER_ENTRY' || item.value == 'HAIL_ENTRY' || item.value == 'SALE_AFTER'"
|
|
|
|
- />
|
|
|
|
- </el-select>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item :label="$t('notes')+':'" prop="change_desc" class="change-form-item" style="width: 61%">
|
|
|
|
- <el-input
|
|
|
|
- style="flex: 1"
|
|
|
|
- v-model="goodsExchangeAddForm.memo"
|
|
|
|
- type="textarea"
|
|
|
|
- :disabled="type === 'view' || type === 'audit'"
|
|
|
|
- :autosize="{ minRows: 3, maxRows: 4 }"
|
|
|
|
- :placeholder="$t('place')"
|
|
|
|
- ></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
+ <el-row class="flex flex-wrap">
|
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="8" class="mb-4">
|
|
|
|
+ <el-form-item prop="warehouse_id" :label="$t('warehousing') + $t('warechouse') + ':'" class="change-form-item">
|
|
|
|
+ <el-select v-model="goodsExchangeAddForm.warehouse_id" clearable :disabled="type === 'view'" class="w-full">
|
|
|
|
+ <el-option v-for="item in warehouseList" :key="item.id" :label="item.name" :value="item.id" />
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="12" :md="8" :lg="8" class="mb-4">
|
|
|
|
+ <el-form-item :label="$t('type') + ':'" prop="type" class="change-form-item">
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="goodsExchangeAddForm.type"
|
|
|
|
+ filterable
|
|
|
|
+ allow-create
|
|
|
|
+ clearable
|
|
|
|
+ default-first-option
|
|
|
|
+ :disabled="type === 'view' || orderType || goodsExchangeAddForm.type == 'SALE_AFTER' || goodsExchangeAddForm.type == 'HAIL_ENTRY'"
|
|
|
|
+ class="w-full"
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in typeList"
|
|
|
|
+ :key="item.id"
|
|
|
|
+ :label="item.label"
|
|
|
|
+ :value="item.value"
|
|
|
|
+ :disabled="item.value == 'TRANSFER_ENTRY' || item.value == 'HAIL_ENTRY' || item.value == 'SALE_AFTER'"
|
|
|
|
+ />
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ <el-col :xs="24" :sm="24" :md="16" :lg="16" class="mb-4">
|
|
|
|
+ <el-form-item :label="$t('notes') + ':'" prop="change_desc" class="change-form-item w-full">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="goodsExchangeAddForm.memo"
|
|
|
|
+ type="textarea"
|
|
|
|
+ :disabled="type === 'view' || type === 'audit'"
|
|
|
|
+ :autosize="{ minRows: 3, maxRows: 4 }"
|
|
|
|
+ :placeholder="$t('place')"
|
|
|
|
+ class="w-full"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-col>
|
|
|
|
+ </el-row>
|
|
<div class="mx">
|
|
<div class="mx">
|
|
- <h3>{{$t('goods_inventory')}}:</h3>
|
|
|
|
- <el-button class="button" size="mini" type="primary" v-if="type !== 'view' && type !== 'audit'" @click="scanCode">{{$t('scan_code')}}</el-button>
|
|
|
|
|
|
+ <h3>{{ $t('goods_inventory') }}:</h3>
|
|
|
|
+ <el-button class="button" size="small" type="primary" v-if="type !== 'view' && type !== 'audit'" @click="scanCode">{{ $t('scan_code') }}</el-button>
|
|
<el-button
|
|
<el-button
|
|
class="button"
|
|
class="button"
|
|
- size="mini"
|
|
|
|
|
|
+ size="small"
|
|
type="primary"
|
|
type="primary"
|
|
v-if="
|
|
v-if="
|
|
type !== 'view' &&
|
|
type !== 'view' &&
|
|
@@ -57,10 +58,10 @@
|
|
goodsExchangeAddForm.type !== 'SALE_AFTER'
|
|
goodsExchangeAddForm.type !== 'SALE_AFTER'
|
|
"
|
|
"
|
|
@click="handleSelectWarehouseEntryBatch"
|
|
@click="handleSelectWarehouseEntryBatch"
|
|
- >{{$t('select')}}</el-button
|
|
|
|
|
|
+ >{{ $t('select') }}</el-button
|
|
>
|
|
>
|
|
- </div>
|
|
|
|
- <div style="width: 100%; display: block">
|
|
|
|
|
|
+ </div><!-- style="width: 100%; display: block" -->
|
|
|
|
+ <div class="w-full" >
|
|
<el-form-item style="width: 100%">
|
|
<el-form-item style="width: 100%">
|
|
<el-table
|
|
<el-table
|
|
:data="goodsExchangeAddForm.product_list"
|
|
:data="goodsExchangeAddForm.product_list"
|
|
@@ -75,15 +76,12 @@
|
|
<div>
|
|
<div>
|
|
<p v-for="item in scope.row.area_stock_list" :key="item.id">{{ item.warehouse_area_name }}</p>
|
|
<p v-for="item in scope.row.area_stock_list" :key="item.id">{{ item.warehouse_area_name }}</p>
|
|
</div>
|
|
</div>
|
|
- <span slot="reference" v-if="scope.row.area_stock_list.length !== 0">{{ scope.row.area_stock_list[0].warehouse_area_name }}</span>
|
|
|
|
|
|
+ <template #reference>
|
|
|
|
+ <span v-if="scope.row.area_stock_list.length !== 0">{{ scope.row.area_stock_list[0].warehouse_area_name }}</span>
|
|
|
|
+ </template>
|
|
</el-popover>
|
|
</el-popover>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <!-- <el-table-column label="商品编号">
|
|
|
|
- <template #default="scope">
|
|
|
|
- {{ scope.row.goods_vo.sn }}
|
|
|
|
- </template>
|
|
|
|
- </el-table-column> -->
|
|
|
|
<el-table-column :label="$t('goods_name')">
|
|
<el-table-column :label="$t('goods_name')">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
{{ scope.row.product_vo.name }}
|
|
{{ scope.row.product_vo.name }}
|
|
@@ -92,26 +90,11 @@
|
|
<el-table-column label="sku">
|
|
<el-table-column label="sku">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
{{ scope.row.product_vo.sku }}
|
|
{{ scope.row.product_vo.sku }}
|
|
- <!-- <span v-if="id">{{ scope.row.product_vo.sku }}</span>
|
|
|
|
- <span v-else>{{ scope.row.product_vo.sku }}</span> -->
|
|
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <!-- <el-table-column label="序列号">
|
|
|
|
- <template #default="scope">
|
|
|
|
- <div class="sn-code-container">
|
|
|
|
- <span v-for="item in scope.row.sn_code_list" :key="item.id">
|
|
|
|
- <p>{{ item.sn_code }}</p>
|
|
|
|
- </span>
|
|
|
|
- </div>
|
|
|
|
- </template>
|
|
|
|
- </el-table-column> -->
|
|
|
|
- <!-- <el-table-column prop="product_vo.spec_name" label="规格型号" v-if="id"> </el-table-column>
|
|
|
|
- <el-table-column prop="product_vo.spec_name" label="规格型号" v-else> </el-table-column> -->
|
|
|
|
<el-table-column :label="$t('goods_unit')">
|
|
<el-table-column :label="$t('goods_unit')">
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
{{ scope.row.product_vo.unit }}
|
|
{{ scope.row.product_vo.unit }}
|
|
- <!-- <span v-if="id">{{ scope.row.product_vo.unit }}</span>
|
|
|
|
- <span v-else>{{ scope.row.product_vo.unit }}</span> -->
|
|
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column :label="$t('warehousing_num')">
|
|
<el-table-column :label="$t('warehousing_num')">
|
|
@@ -183,7 +166,7 @@
|
|
"
|
|
"
|
|
>
|
|
>
|
|
<template #default="scope">
|
|
<template #default="scope">
|
|
- <el-button size="mini" type="danger" @click="goodsExchangeAddForm.product_list.splice(scope.$index, 1)">{{$t('delete')}}</el-button>
|
|
|
|
|
|
+ <el-button size="small" type="danger" @click="goodsExchangeAddForm.product_list.splice(scope.$index, 1)">{{ $t('delete') }}</el-button>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
@@ -202,23 +185,23 @@
|
|
"
|
|
"
|
|
type="primary"
|
|
type="primary"
|
|
@click="savegoodsExchangeAddForm"
|
|
@click="savegoodsExchangeAddForm"
|
|
- >{{$t('save')}}
|
|
|
|
|
|
+ >{{ $t('save') }}
|
|
</el-button>
|
|
</el-button>
|
|
<el-button v-if="type !== 'view' && type !== 'detail' && checkPermission(['warehouseEntry:update'])" type="primary" @click="submitgoodsExchangeAddForm"
|
|
<el-button v-if="type !== 'view' && type !== 'detail' && checkPermission(['warehouseEntry:update'])" type="primary" @click="submitgoodsExchangeAddForm"
|
|
- >{{$t('warehousing')}}
|
|
|
|
|
|
+ >{{ $t('warehousing') }}
|
|
</el-button>
|
|
</el-button>
|
|
- <el-button @click="printIng" v-if="type == 'audit'">{{$t('print')}}</el-button>
|
|
|
|
- <el-button @click="toBack()">{{$t('return')}}</el-button>
|
|
|
|
|
|
+ <el-button @click="printIng" v-if="type == 'audit'">{{ $t('print') }}</el-button>
|
|
|
|
+ <el-button @click="toBack()">{{ $t('return') }}</el-button>
|
|
</div>
|
|
</div>
|
|
<el-dialog :title="$t('prompt')" v-model="dialogVisible" width="30%">
|
|
<el-dialog :title="$t('prompt')" v-model="dialogVisible" width="30%">
|
|
- <el-form :model="goodsExchangeAddForm" label-width="120px" inline style="width: 900px">
|
|
|
|
|
|
+ <el-form :model="goodsExchangeAddForm" label-width="120px" inline ><!-- style="width: 900px" -->
|
|
<el-form-item :label="$t('reject')" prop="reject_reason">
|
|
<el-form-item :label="$t('reject')" prop="reject_reason">
|
|
<el-input v-model="goodsExchangeAddForm.reject_reason" type="textarea" :minlength="0" :maxlength="100"></el-input>
|
|
<el-input v-model="goodsExchangeAddForm.reject_reason" type="textarea" :minlength="0" :maxlength="100"></el-input>
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
<template #footer>
|
|
<template #footer>
|
|
- <el-button @click="dialogVisible = false">{{$t('cancel')}}</el-button>
|
|
|
|
- <el-button type="primary" @click="handleRejectGoodsExchange()">{{$t('submit')}}</el-button>
|
|
|
|
|
|
+ <el-button @click="dialogVisible = false">{{ $t('cancel') }}</el-button>
|
|
|
|
+ <el-button type="primary" @click="handleRejectGoodsExchange()">{{ $t('submit') }}</el-button>
|
|
</template>
|
|
</template>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
<el-dialog :title="$t('scan_code')" v-model="scanDialogVisible" width="30%" :close-on-click-modal="false">
|
|
<el-dialog :title="$t('scan_code')" v-model="scanDialogVisible" width="30%" :close-on-click-modal="false">
|
|
@@ -231,10 +214,10 @@
|
|
</el-form-item>
|
|
</el-form-item>
|
|
</el-form>
|
|
</el-form>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
- <el-dialog :title="$t('warehousing')+$t('goods_info')" v-model="goodsVisible" width="1000px" @close="closeGoosData">
|
|
|
|
|
|
+ <el-dialog :title="$t('warehousing') + $t('goods_info')" v-model="goodsVisible" width="1000px" @close="closeGoosData">
|
|
<div style="display: flex; align-items: center; justify-content: flex-end; padding: 10px 0">
|
|
<div style="display: flex; align-items: center; justify-content: flex-end; padding: 10px 0">
|
|
- <span>{{$t('search')+$t('goods_info')}}:</span><el-input v-model="params.keyWord" style="width: 200px; margin-right: 5px"></el-input>
|
|
|
|
- <el-button @click="searchGoodEvent"> {{$t('search')}} </el-button>
|
|
|
|
|
|
+ <span>{{ $t('search') + $t('goods_info') }}:</span><el-input v-model="params.keyWord" style="width: 200px; margin-right: 5px"></el-input>
|
|
|
|
+ <el-button @click="searchGoodEvent"> {{ $t('search') }} </el-button>
|
|
</div>
|
|
</div>
|
|
<el-table :data="goodsData.records" border style="width: 100%" @selection-change="handleSelectionChange">
|
|
<el-table :data="goodsData.records" border style="width: 100%" @selection-change="handleSelectionChange">
|
|
<el-table-column type="selection" width="55" />
|
|
<el-table-column type="selection" width="55" />
|
|
@@ -259,8 +242,8 @@
|
|
>
|
|
>
|
|
</el-pagination>
|
|
</el-pagination>
|
|
<template #footer>
|
|
<template #footer>
|
|
- <el-button @click="closeGoosData">{{$t('cancel')}}</el-button>
|
|
|
|
- <el-button type="primary" @click="submitGoosData()">{{$t('submit')}}</el-button>
|
|
|
|
|
|
+ <el-button @click="closeGoosData">{{ $t('cancel') }}</el-button>
|
|
|
|
+ <el-button type="primary" @click="submitGoosData()">{{ $t('submit') }}</el-button>
|
|
</template>
|
|
</template>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
<el-dialog title="订单列表" v-model="orderVisible" width="1000px" @close="closeGoosData">
|
|
<el-dialog title="订单列表" v-model="orderVisible" width="1000px" @close="closeGoosData">
|
|
@@ -317,7 +300,7 @@ import * as API_BasicSetting from '@/api/basicSetting';
|
|
import * as API_order from '@/api/order';
|
|
import * as API_order from '@/api/order';
|
|
import * as API_Goods from '@/api/goods';
|
|
import * as API_Goods from '@/api/goods';
|
|
import * as API_CollectingAccount from '@/api/collectingAccount'; */
|
|
import * as API_CollectingAccount from '@/api/collectingAccount'; */
|
|
- import { useI18n } from 'vue-i18n';
|
|
|
|
|
|
+import { useI18n } from 'vue-i18n';
|
|
|
|
|
|
const { t } = useI18n();
|
|
const { t } = useI18n();
|
|
|
|
|
|
@@ -344,8 +327,8 @@ let goodsExchangeAddForm = reactive({
|
|
});
|
|
});
|
|
|
|
|
|
const goodsExchangeAddFormRule = {
|
|
const goodsExchangeAddFormRule = {
|
|
- warehouse_id: [{ required: true, message: t('change')+t('warehousing')+t('warechouse'), trigger: 'change' }],
|
|
|
|
- type: [{ required: true, message: t('change')+t('warehousing')+t('type'), trigger: 'change' }],
|
|
|
|
|
|
+ warehouse_id: [{ required: true, message: t('change') + t('warehousing') + t('warechouse'), trigger: 'change' }],
|
|
|
|
+ type: [{ required: true, message: t('change') + t('warehousing') + t('type'), trigger: 'change' }],
|
|
};
|
|
};
|
|
|
|
|
|
const params = reactive({
|
|
const params = reactive({
|
|
@@ -522,7 +505,7 @@ const submitGoosData = () => {
|
|
});
|
|
});
|
|
goodsVisible.value = false;
|
|
goodsVisible.value = false;
|
|
} else {
|
|
} else {
|
|
- ElMessage.error(t('change')+t('goods_info')+'!');
|
|
|
|
|
|
+ ElMessage.error(t('change') + t('goods_info') + '!');
|
|
}
|
|
}
|
|
};
|
|
};
|
|
|
|
|
|
@@ -533,7 +516,7 @@ const closeGoosData = () => {
|
|
const inputRef = ref();
|
|
const inputRef = ref();
|
|
const scanCode = () => {
|
|
const scanCode = () => {
|
|
if (!goodsExchangeAddForm.warehouse_id) {
|
|
if (!goodsExchangeAddForm.warehouse_id) {
|
|
- ElMessage.error(t('change')+t('warechouse')+'!');
|
|
|
|
|
|
+ ElMessage.error(t('change') + t('warechouse') + '!');
|
|
return;
|
|
return;
|
|
}
|
|
}
|
|
scanDialogVisible.value = true;
|
|
scanDialogVisible.value = true;
|
|
@@ -544,7 +527,7 @@ const scanCode = () => {
|
|
|
|
|
|
const handleSelectWarehouseEntryBatch = () => {
|
|
const handleSelectWarehouseEntryBatch = () => {
|
|
if (!goodsExchangeAddForm.warehouse_id) {
|
|
if (!goodsExchangeAddForm.warehouse_id) {
|
|
- ElMessage.error(t('change')+t('warechouse')+'!');
|
|
|
|
|
|
+ ElMessage.error(t('change') + t('warechouse') + '!');
|
|
return;
|
|
return;
|
|
}
|
|
}
|
|
API_GoodsExchange.getGoodsInfo(params, goodsExchangeAddForm.warehouse_id, 'le').then((res) => {
|
|
API_GoodsExchange.getGoodsInfo(params, goodsExchangeAddForm.warehouse_id, 'le').then((res) => {
|
|
@@ -559,7 +542,7 @@ const savegoodsExchangeAddForm = () => {
|
|
const params = { ...goodsExchangeAddForm };
|
|
const params = { ...goodsExchangeAddForm };
|
|
params.save_or_submit = 'save';
|
|
params.save_or_submit = 'save';
|
|
if (!params.product_list.length) {
|
|
if (!params.product_list.length) {
|
|
- ElMessage.error(t('change')+t('goods_info')+'!');
|
|
|
|
|
|
+ ElMessage.error(t('change') + t('goods_info') + '!');
|
|
return;
|
|
return;
|
|
}
|
|
}
|
|
params.product_list.forEach((el) => {
|
|
params.product_list.forEach((el) => {
|
|
@@ -569,12 +552,12 @@ const savegoodsExchangeAddForm = () => {
|
|
});
|
|
});
|
|
if (type.value == 'edit') {
|
|
if (type.value == 'edit') {
|
|
API_GoodsExchange.editWarehouseEntry(route.query.id, params).then((response) => {
|
|
API_GoodsExchange.editWarehouseEntry(route.query.id, params).then((response) => {
|
|
- ElMessage.success(t('edit_success')+'!');
|
|
|
|
|
|
+ ElMessage.success(t('edit_success') + '!');
|
|
router.push({ name: 'goodsExchange' });
|
|
router.push({ name: 'goodsExchange' });
|
|
});
|
|
});
|
|
} else {
|
|
} else {
|
|
API_GoodsExchange.warehouseEntry(params).then(() => {
|
|
API_GoodsExchange.warehouseEntry(params).then(() => {
|
|
- ElMessage.success(t('sub_success')+'!');
|
|
|
|
|
|
+ ElMessage.success(t('sub_success') + '!');
|
|
router.push({ name: 'goodsExchange' });
|
|
router.push({ name: 'goodsExchange' });
|
|
});
|
|
});
|
|
}
|
|
}
|
|
@@ -588,7 +571,7 @@ const submitgoodsExchangeAddForm = () => {
|
|
const params = { ...goodsExchangeAddForm };
|
|
const params = { ...goodsExchangeAddForm };
|
|
params.save_or_submit = 'submit';
|
|
params.save_or_submit = 'submit';
|
|
if (!params.product_list.length) {
|
|
if (!params.product_list.length) {
|
|
- ElMessage.error(t('change')+t('goods_info')+'!');
|
|
|
|
|
|
+ ElMessage.error(t('change') + t('goods_info') + '!');
|
|
return;
|
|
return;
|
|
}
|
|
}
|
|
params.product_list.forEach((el) => {
|
|
params.product_list.forEach((el) => {
|
|
@@ -598,12 +581,12 @@ const submitgoodsExchangeAddForm = () => {
|
|
});
|
|
});
|
|
if (type.value == 'edit') {
|
|
if (type.value == 'edit') {
|
|
API_GoodsExchange.editWarehouseEntry(route.query.id, params).then((response) => {
|
|
API_GoodsExchange.editWarehouseEntry(route.query.id, params).then((response) => {
|
|
- ElMessage.success(t('edit_success')+'!');
|
|
|
|
|
|
+ ElMessage.success(t('edit_success') + '!');
|
|
router.push({ name: 'goodsExchange' });
|
|
router.push({ name: 'goodsExchange' });
|
|
});
|
|
});
|
|
} else {
|
|
} else {
|
|
API_GoodsExchange.warehouseEntry(params).then(() => {
|
|
API_GoodsExchange.warehouseEntry(params).then(() => {
|
|
- ElMessage.success(t('sub_success')+'!');
|
|
|
|
|
|
+ ElMessage.success(t('sub_success') + '!');
|
|
router.push({ name: 'goodsExchange' });
|
|
router.push({ name: 'goodsExchange' });
|
|
});
|
|
});
|
|
}
|
|
}
|
|
@@ -658,15 +641,15 @@ onMounted(() => {
|
|
}
|
|
}
|
|
|
|
|
|
.change-form {
|
|
.change-form {
|
|
- display: flex;
|
|
|
|
|
|
+ /* display: flex;
|
|
justify-content: flex-start;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
align-items: flex-start;
|
|
- flex-wrap: wrap;
|
|
|
|
- min-width: 900px;
|
|
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
+ min-width: 900px;*/
|
|
}
|
|
}
|
|
|
|
|
|
.change-form .change-form-item {
|
|
.change-form .change-form-item {
|
|
- width: 30%;
|
|
|
|
|
|
+ width: 100%;
|
|
margin: 0 10px 20px 0;
|
|
margin: 0 10px 20px 0;
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-direction: row;
|