This commit is contained in:
weiwei committed
1 parent
57f7bb7bb1
commit
49db434d79
7 files changed
+162
-648
No files matched your search
@@ -2,34 +2,30 @@
|
||||
<div v-loading="loading" :element-loading-svg="svg" element-loading-svg-view-box="-10, -10, 50, 50" class="w-full h-full">
|
||||
<div v-if="baseDataForm.inventoryCode" class="layout-padding-auto layout-padding-view" style="overflow: scroll">
|
||||
<div v-if="disabled" ref="baseDataInfoRef">
|
||||
<div style="margin-bottom: 8px; padding: 8px 16px; color: #606279">
|
||||
<div style="display: inline-block; width: 100%">
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据编号：</span>
|
||||
<span>{{ baseDataForm.inventoryCode }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据日期：</span>
|
||||
<span>{{ baseDataForm.inventoryDate }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">经办人：</span>
|
||||
<span>{{ baseDataForm.handlerUserId }}</span>
|
||||
</div>
|
||||
<div style="margin-bottom: 8px; padding: 8px 16px; color: #606279; display: flex; flex-wrap: wrap">
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据编号：</span>
|
||||
<span>{{ baseDataForm.inventoryCode }}</span>
|
||||
</div>
|
||||
<div style="display: inline-block; width: 100%">
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">关联补货申请：</span>
|
||||
<span>{{ baseDataForm.linkCode }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">货商：</span>
|
||||
<span>{{ baseDataForm.supplierId }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">备注：</span>
|
||||
<span>{{ baseDataForm.remark }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据日期：</span>
|
||||
<span>{{ baseDataForm.inventoryDate }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">经办人：</span>
|
||||
<span>{{ baseDataForm.handlerUserId }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">关联补货申请：</span>
|
||||
<span>{{ baseDataForm.linkCode }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">货商：</span>
|
||||
<span>{{ baseDataForm.supplierId }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">备注：</span>
|
||||
<span>{{ baseDataForm.remark }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -70,22 +66,6 @@
|
||||
</el-form>
|
||||
|
||||
<el-row v-if="!disabled" class="my-3">
|
||||
<!-- <el-button @click="addEvent">新增（顶部）</el-button>
|
||||
<el-button @click="pushEvent">新增（尾部）</el-button>
|
||||
<el-button @click="insertEvent">
|
||||
在第
|
||||
<el-input-number
|
||||
@click.stop
|
||||
v-model="state.insertedRowNumber"
|
||||
:min="0"
|
||||
:max="state.editableTableData.length"
|
||||
:precision="0"
|
||||
size="small"
|
||||
controls-position="right"
|
||||
style="min-width: 50px; margin: 0 5px"
|
||||
/>
|
||||
行新增
|
||||
</el-button> -->
|
||||
<el-button type="primary" plain @click="handleClickSpuSelect">商品选择</el-button>
|
||||
<el-button @click="removeSelectRowEvent" :disabled="state.selectedRowsErpSpuIds.length <= 0">删除选中</el-button>
|
||||
<el-button type="danger" plain @click="clearData">清空数据</el-button>
|
||||
@@ -348,66 +328,6 @@ const getSelectedLinkCode = (selectionRows: any) => {
|
||||
state.linkCgPlanDialogVisible = false
|
||||
}
|
||||
|
||||
// 顶部表格行新增
|
||||
const addEvent = () => {
|
||||
const newRow: any = {
|
||||
id: "",
|
||||
erpSpuId: "",
|
||||
quantity: null,
|
||||
unitPrice: null,
|
||||
totalAmount: null,
|
||||
remark: "",
|
||||
unitId: "",
|
||||
}
|
||||
state.editableTableData.unshift(newRow)
|
||||
nextTick(() => {
|
||||
const $table = editableTableRef.value
|
||||
if ($table) {
|
||||
$table.setEditRow(newRow)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 底部表格行新增
|
||||
const pushEvent = () => {
|
||||
const newRow: any = {
|
||||
id: "",
|
||||
erpSpuId: "",
|
||||
quantity: null,
|
||||
unitPrice: null,
|
||||
totalAmount: null,
|
||||
remark: "",
|
||||
unitId: "",
|
||||
}
|
||||
state.editableTableData.push(newRow)
|
||||
nextTick(() => {
|
||||
const $table = editableTableRef.value
|
||||
if ($table) {
|
||||
$table.setEditRow(newRow)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 在指定行插入
|
||||
const insertEvent = () => {
|
||||
const newRow: any = {
|
||||
id: "",
|
||||
erpSpuId: "",
|
||||
quantity: null,
|
||||
unitPrice: null,
|
||||
totalAmount: null,
|
||||
remark: "",
|
||||
unitId: "",
|
||||
}
|
||||
state.editableTableData.splice(state.insertedRowNumber, 0, newRow)
|
||||
nextTick(() => {
|
||||
const $table = editableTableRef.value
|
||||
if ($table) {
|
||||
$table.setEditRow(newRow)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除选中的行
|
||||
const removeSelectRowEvent = () => {
|
||||
const $table = editableTableRef.value
|
||||
|
||||
@@ -2,39 +2,35 @@
|
||||
<div v-loading="loading" :element-loading-svg="svg" element-loading-svg-view-box="-10, -10, 50, 50" class="w-full h-full">
|
||||
<div v-if="baseDataForm.code" class="layout-padding-auto layout-padding-view" style="overflow: scroll">
|
||||
<div v-if="disabled" ref="baseDataInfoRef">
|
||||
<div style="margin-bottom: 8px; padding: 8px 16px; color: #606279">
|
||||
<div style="display: inline-block; width: 100%">
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">编号：</span>
|
||||
<span>{{ baseDataForm.code }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据日期：</span>
|
||||
<span>{{ baseDataForm.ddDate }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">经办人：</span>
|
||||
<SelectHandlerUser
|
||||
v-model.trim="baseDataForm.handlerUserId"
|
||||
placeholder="请选择经办人"
|
||||
style="width: 200px"
|
||||
:isDisplayName="true"
|
||||
/>
|
||||
</div>
|
||||
<div style="margin-bottom: 8px; padding: 8px 16px; color: #606279; display: flex; flex-wrap: wrap">
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">编号：</span>
|
||||
<span>{{ baseDataForm.code }}</span>
|
||||
</div>
|
||||
<div style="display: inline-block; width: 100%">
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">关联补货申请：</span>
|
||||
<span>{{ baseDataForm.linkCode }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">货商：</span>
|
||||
<select-supplier v-model="baseDataForm.supplierId" style="width: 200px" :disabled="disabled" :isDisplayName="true" />
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">备注：</span>
|
||||
<span>{{ baseDataForm.remark }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据日期：</span>
|
||||
<span>{{ baseDataForm.ddDate }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">经办人：</span>
|
||||
<SelectHandlerUser
|
||||
v-model.trim="baseDataForm.handlerUserId"
|
||||
placeholder="请选择经办人"
|
||||
style="width: 200px"
|
||||
:isDisplayName="true"
|
||||
/>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">关联补货申请：</span>
|
||||
<span>{{ baseDataForm.linkCode }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">货商：</span>
|
||||
<select-supplier v-model="baseDataForm.supplierId" style="width: 200px" :disabled="disabled" :isDisplayName="true" />
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">备注：</span>
|
||||
<span>{{ baseDataForm.remark }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -78,22 +74,6 @@
|
||||
<el-button type="primary" plain @click="handleClickSpuSelect">商品选择</el-button>
|
||||
<el-button @click="removeSelectRowEvent" :disabled="state.selectedRowsErpSpuIds.length <= 0">删除选中</el-button>
|
||||
<el-button type="danger" plain @click="clearData">清空数据</el-button>
|
||||
<!-- <el-button @click="addEvent">新增（顶部）</el-button>
|
||||
<el-button @click="pushEvent">新增（尾部）</el-button>
|
||||
<el-button @click="insertEvent">
|
||||
在第
|
||||
<el-input-number
|
||||
@click.stop
|
||||
v-model="state.insertedRowNumber"
|
||||
:min="0"
|
||||
:max="state.editableTableData.length"
|
||||
:precision="0"
|
||||
size="small"
|
||||
controls-position="right"
|
||||
style="min-width: 50px; margin: 0 5px"
|
||||
/>
|
||||
行新增
|
||||
</el-button> -->
|
||||
</el-row>
|
||||
|
||||
<vxe-table
|
||||
@@ -353,66 +333,6 @@ const getSelectedLinkCode = (selectionRows: any) => {
|
||||
state.linkCgPlanDialogVisible = false
|
||||
}
|
||||
|
||||
// 顶部表格行新增
|
||||
const addEvent = () => {
|
||||
const newRow: any = {
|
||||
id: "",
|
||||
erpSpuId: "",
|
||||
quantity: null,
|
||||
unitPrice: null,
|
||||
totalAmount: null,
|
||||
remark: "",
|
||||
unitId: "",
|
||||
}
|
||||
state.editableTableData.unshift(newRow)
|
||||
nextTick(() => {
|
||||
const $table = editableTableRef.value
|
||||
if ($table) {
|
||||
$table.setEditRow(newRow)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 底部表格行新增
|
||||
const pushEvent = () => {
|
||||
const newRow: any = {
|
||||
id: "",
|
||||
erpSpuId: "",
|
||||
quantity: null,
|
||||
unitPrice: null,
|
||||
totalAmount: null,
|
||||
remark: "",
|
||||
unitId: "",
|
||||
}
|
||||
state.editableTableData.push(newRow)
|
||||
nextTick(() => {
|
||||
const $table = editableTableRef.value
|
||||
if ($table) {
|
||||
$table.setEditRow(newRow)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 在指定行插入
|
||||
const insertEvent = () => {
|
||||
const newRow: any = {
|
||||
id: "",
|
||||
erpSpuId: "",
|
||||
quantity: null,
|
||||
unitPrice: null,
|
||||
totalAmount: null,
|
||||
remark: "",
|
||||
unitId: "",
|
||||
}
|
||||
state.editableTableData.splice(state.insertedRowNumber, 0, newRow)
|
||||
nextTick(() => {
|
||||
const $table = editableTableRef.value
|
||||
if ($table) {
|
||||
$table.setEditRow(newRow)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除选中的行
|
||||
const removeSelectRowEvent = () => {
|
||||
const $table = editableTableRef.value
|
||||
|
||||
@@ -2,34 +2,30 @@
|
||||
<div v-loading="loading" :element-loading-svg="svg" element-loading-svg-view-box="-10, -10, 50, 50" class="w-full h-full">
|
||||
<div v-if="baseDataForm.inventoryCode" class="layout-padding-auto layout-padding-view" style="overflow: scroll">
|
||||
<div v-if="disabled" ref="baseDataInfoRef">
|
||||
<div style="margin-bottom: 8px; padding: 8px 16px; color: #606279">
|
||||
<div style="display: inline-block; width: 100%">
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据编号：</span>
|
||||
<span>{{ baseDataForm.inventoryCode }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据日期：</span>
|
||||
<span>{{ baseDataForm.inventoryDate }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">经办人：</span>
|
||||
<span>{{ baseDataForm.handlerUserId }}</span>
|
||||
</div>
|
||||
<div style="margin-bottom: 8px; padding: 8px 16px; color: #606279; display: flex; flex-wrap: wrap">
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据编号：</span>
|
||||
<span>{{ baseDataForm.inventoryCode }}</span>
|
||||
</div>
|
||||
<div style="display: inline-block; width: 100%">
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">关联补货申请：</span>
|
||||
<span>{{ baseDataForm.linkCode }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">货商：</span>
|
||||
<span>{{ baseDataForm.supplierId }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">备注：</span>
|
||||
<span>{{ baseDataForm.remark }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据日期：</span>
|
||||
<span>{{ baseDataForm.inventoryDate }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">经办人：</span>
|
||||
<span>{{ baseDataForm.handlerUserId }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">关联补货申请：</span>
|
||||
<span>{{ baseDataForm.linkCode }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">货商：</span>
|
||||
<span>{{ baseDataForm.supplierId }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">备注：</span>
|
||||
<span>{{ baseDataForm.remark }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -70,22 +66,6 @@
|
||||
</el-form>
|
||||
|
||||
<el-row v-if="!disabled" class="my-3">
|
||||
<!-- <el-button @click="addEvent">新增（顶部）</el-button>
|
||||
<el-button @click="pushEvent">新增（尾部）</el-button>
|
||||
<el-button @click="insertEvent">
|
||||
在第
|
||||
<el-input-number
|
||||
@click.stop
|
||||
v-model="state.insertedRowNumber"
|
||||
:min="0"
|
||||
:max="state.editableTableData.length"
|
||||
:precision="0"
|
||||
size="small"
|
||||
controls-position="right"
|
||||
style="min-width: 50px; margin: 0 5px"
|
||||
/>
|
||||
行新增
|
||||
</el-button> -->
|
||||
<el-button type="primary" plain @click="handleClickSpuSelect">商品选择</el-button>
|
||||
<el-button @click="removeSelectRowEvent" :disabled="state.selectedRowsErpSpuIds.length <= 0">删除选中</el-button>
|
||||
<el-button type="danger" plain @click="clearData">清空数据</el-button>
|
||||
@@ -355,66 +335,6 @@ const getSelectedLinkCode = (selectionRows: any) => {
|
||||
state.linkCgPlanDialogVisible = false
|
||||
}
|
||||
|
||||
// 顶部表格行新增
|
||||
const addEvent = () => {
|
||||
const newRow: any = {
|
||||
id: "",
|
||||
erpSpuId: "",
|
||||
quantity: null,
|
||||
unitPrice: null,
|
||||
totalAmount: null,
|
||||
remark: "",
|
||||
unitId: "",
|
||||
}
|
||||
state.editableTableData.unshift(newRow)
|
||||
nextTick(() => {
|
||||
const $table = editableTableRef.value
|
||||
if ($table) {
|
||||
$table.setEditRow(newRow)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 底部表格行新增
|
||||
const pushEvent = () => {
|
||||
const newRow: any = {
|
||||
id: "",
|
||||
erpSpuId: "",
|
||||
quantity: null,
|
||||
unitPrice: null,
|
||||
totalAmount: null,
|
||||
remark: "",
|
||||
unitId: "",
|
||||
}
|
||||
state.editableTableData.push(newRow)
|
||||
nextTick(() => {
|
||||
const $table = editableTableRef.value
|
||||
if ($table) {
|
||||
$table.setEditRow(newRow)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 在指定行插入
|
||||
const insertEvent = () => {
|
||||
const newRow: any = {
|
||||
id: "",
|
||||
erpSpuId: "",
|
||||
quantity: null,
|
||||
unitPrice: null,
|
||||
totalAmount: null,
|
||||
remark: "",
|
||||
unitId: "",
|
||||
}
|
||||
state.editableTableData.splice(state.insertedRowNumber, 0, newRow)
|
||||
nextTick(() => {
|
||||
const $table = editableTableRef.value
|
||||
if ($table) {
|
||||
$table.setEditRow(newRow)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除选中的行
|
||||
const removeSelectRowEvent = () => {
|
||||
const $table = editableTableRef.value
|
||||
|
||||
@@ -2,31 +2,27 @@
|
||||
<div v-loading="loading" :element-loading-svg="svg" element-loading-svg-view-box="-10, -10, 50, 50" class="w-full h-full">
|
||||
<div v-if="baseDataForm.planCode" class="layout-padding-auto layout-padding-view" style="overflow: scroll">
|
||||
<div v-if="disabled" ref="baseDataInfoRef">
|
||||
<div style="margin-bottom: 8px; padding: 8px 16px; color: #606279">
|
||||
<div style="display: inline-block; width: 100%">
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">编号：</span>
|
||||
<span>{{ baseDataForm.planCode }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据日期：</span>
|
||||
<span>{{ baseDataForm.planDate }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">经办人：</span>
|
||||
<SelectHandlerUser
|
||||
v-model.trim="baseDataForm.handlerUserId"
|
||||
placeholder="请选择经办人"
|
||||
style="width: 200px"
|
||||
:isDisplayName="true"
|
||||
/>
|
||||
</div>
|
||||
<div style="margin-bottom: 8px; padding: 8px 16px; color: #606279; display: flex; flex-wrap: wrap">
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">编号：</span>
|
||||
<span>{{ baseDataForm.planCode }}</span>
|
||||
</div>
|
||||
<div style="display: inline-block; width: 100%">
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">备注：</span>
|
||||
<span>{{ baseDataForm.remark }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据日期：</span>
|
||||
<span>{{ baseDataForm.planDate }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">经办人：</span>
|
||||
<SelectHandlerUser
|
||||
v-model.trim="baseDataForm.handlerUserId"
|
||||
placeholder="请选择经办人"
|
||||
style="width: 200px"
|
||||
:isDisplayName="true"
|
||||
/>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">备注：</span>
|
||||
<span>{{ baseDataForm.remark }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -2,44 +2,38 @@
|
||||
<div v-loading="loading" :element-loading-svg="svg" element-loading-svg-view-box="-10, -10, 50, 50" class="w-full h-full">
|
||||
<div v-if="baseDataForm.inventoryCode" class="layout-padding-auto layout-padding-view" style="overflow: scroll">
|
||||
<div v-if="disabled" ref="baseDataInfoRef">
|
||||
<div style="margin-bottom: 8px; padding: 8px 16px; color: #606279">
|
||||
<div style="display: inline-block; width: 100%">
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据编号：</span>
|
||||
<span>{{ baseDataForm.inventoryCode }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据日期：</span>
|
||||
<span>{{ baseDataForm.inventoryDate }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">经办人：</span>
|
||||
<span>{{ baseDataForm.handlerUserId }}</span>
|
||||
</div>
|
||||
<div style="margin-bottom: 8px; padding: 8px 16px; color: #606279; display: flex; flex-wrap: wrap">
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据编号：</span>
|
||||
<span>{{ baseDataForm.inventoryCode }}</span>
|
||||
</div>
|
||||
<div style="display: inline-block; width: 100%">
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">关联补货申请：</span>
|
||||
<span>{{ baseDataForm.linkCode }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">货商：</span>
|
||||
<span>{{ baseDataForm.supplierId }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">备注：</span>
|
||||
<span>{{ baseDataForm.remark }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据日期：</span>
|
||||
<span>{{ baseDataForm.inventoryDate }}</span>
|
||||
</div>
|
||||
<div style="display: inline-block; width: 100%">
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">审批状态：</span>
|
||||
<span>{{ baseDataForm.checkStatus }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">会员卡号：</span>
|
||||
<span>{{ baseDataForm.memberNumber }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">经办人：</span>
|
||||
<span>{{ baseDataForm.handlerUserId }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">关联补货申请：</span>
|
||||
<span>{{ baseDataForm.linkCode }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">货商：</span>
|
||||
<span>{{ baseDataForm.supplierId }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">备注：</span>
|
||||
<span>{{ baseDataForm.remark }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">审批状态：</span>
|
||||
<span>{{ baseDataForm.checkStatus }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">会员卡号：</span>
|
||||
<span>{{ baseDataForm.memberNumber }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -83,22 +77,6 @@
|
||||
</el-form>
|
||||
|
||||
<el-row v-if="!disabled" class="my-3">
|
||||
<!-- <el-button @click="addEvent">新增（顶部）</el-button>
|
||||
<el-button @click="pushEvent">新增（尾部）</el-button>
|
||||
<el-button @click="insertEvent">
|
||||
在第
|
||||
<el-input-number
|
||||
@click.stop
|
||||
v-model="state.insertedRowNumber"
|
||||
:min="0"
|
||||
:max="state.editableTableData.length"
|
||||
:precision="0"
|
||||
size="small"
|
||||
controls-position="right"
|
||||
style="min-width: 50px; margin: 0 5px"
|
||||
/>
|
||||
行新增
|
||||
</el-button> -->
|
||||
<el-button type="primary" plain @click="handleClickSpuSelect">商品选择</el-button>
|
||||
<el-button @click="removeSelectRowEvent" :disabled="state.selectedRowsErpSpuIds.length <= 0">删除选中</el-button>
|
||||
<el-button type="danger" plain @click="clearData">清空数据</el-button>
|
||||
@@ -395,66 +373,6 @@ const getSelectedLinkCode = (selectionRows: any) => {
|
||||
state.linkCgPlanDialogVisible = false
|
||||
}
|
||||
|
||||
// 顶部表格行新增
|
||||
const addEvent = () => {
|
||||
const newRow: any = {
|
||||
id: "",
|
||||
erpSpuId: "",
|
||||
quantity: null,
|
||||
unitPrice: null,
|
||||
totalAmount: null,
|
||||
remark: "",
|
||||
unitId: "",
|
||||
}
|
||||
state.editableTableData.unshift(newRow)
|
||||
nextTick(() => {
|
||||
const $table = editableTableRef.value
|
||||
if ($table) {
|
||||
$table.setEditRow(newRow)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 底部表格行新增
|
||||
const pushEvent = () => {
|
||||
const newRow: any = {
|
||||
id: "",
|
||||
erpSpuId: "",
|
||||
quantity: null,
|
||||
unitPrice: null,
|
||||
totalAmount: null,
|
||||
remark: "",
|
||||
unitId: "",
|
||||
}
|
||||
state.editableTableData.push(newRow)
|
||||
nextTick(() => {
|
||||
const $table = editableTableRef.value
|
||||
if ($table) {
|
||||
$table.setEditRow(newRow)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 在指定行插入
|
||||
const insertEvent = () => {
|
||||
const newRow: any = {
|
||||
id: "",
|
||||
erpSpuId: "",
|
||||
quantity: null,
|
||||
unitPrice: null,
|
||||
totalAmount: null,
|
||||
remark: "",
|
||||
unitId: "",
|
||||
}
|
||||
state.editableTableData.splice(state.insertedRowNumber, 0, newRow)
|
||||
nextTick(() => {
|
||||
const $table = editableTableRef.value
|
||||
if ($table) {
|
||||
$table.setEditRow(newRow)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除选中的行
|
||||
const removeSelectRowEvent = () => {
|
||||
const $table = editableTableRef.value
|
||||
|
||||
@@ -2,34 +2,30 @@
|
||||
<div v-loading="loading" :element-loading-svg="svg" element-loading-svg-view-box="-10, -10, 50, 50" class="w-full h-full">
|
||||
<div v-if="baseDataForm.inventoryCode" class="layout-padding-auto layout-padding-view" style="overflow: scroll">
|
||||
<div v-if="disabled" ref="baseDataInfoRef">
|
||||
<div style="margin-bottom: 8px; padding: 8px 16px; color: #606279">
|
||||
<div style="display: inline-block; width: 100%">
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据编号：</span>
|
||||
<span>{{ baseDataForm.inventoryCode }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据日期：</span>
|
||||
<span>{{ baseDataForm.inventoryDate }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">经办人：</span>
|
||||
<span>{{ baseDataForm.handlerUserId }}</span>
|
||||
</div>
|
||||
<div style="margin-bottom: 8px; padding: 8px 16px; color: #606279; display: flex; flex-wrap: wrap">
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据编号：</span>
|
||||
<span>{{ baseDataForm.inventoryCode }}</span>
|
||||
</div>
|
||||
<div style="display: inline-block; width: 100%">
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">关联补货申请：</span>
|
||||
<span>{{ baseDataForm.linkCode }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">货商：</span>
|
||||
<span>{{ baseDataForm.supplierId }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">备注：</span>
|
||||
<span>{{ baseDataForm.remark }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据日期：</span>
|
||||
<span>{{ baseDataForm.inventoryDate }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">经办人：</span>
|
||||
<span>{{ baseDataForm.handlerUserId }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">关联补货申请：</span>
|
||||
<span>{{ baseDataForm.linkCode }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">货商：</span>
|
||||
<span>{{ baseDataForm.supplierId }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">备注：</span>
|
||||
<span>{{ baseDataForm.remark }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -73,22 +69,6 @@
|
||||
</el-form>
|
||||
|
||||
<el-row v-if="!disabled" class="my-3">
|
||||
<!-- <el-button @click="addEvent">新增（顶部）</el-button>
|
||||
<el-button @click="pushEvent">新增（尾部）</el-button>
|
||||
<el-button @click="insertEvent">
|
||||
在第
|
||||
<el-input-number
|
||||
@click.stop
|
||||
v-model="state.insertedRowNumber"
|
||||
:min="0"
|
||||
:max="state.editableTableData.length"
|
||||
:precision="0"
|
||||
size="small"
|
||||
controls-position="right"
|
||||
style="min-width: 50px; margin: 0 5px"
|
||||
/>
|
||||
行新增
|
||||
</el-button> -->
|
||||
<el-button type="primary" plain @click="handleClickSpuSelect">商品选择</el-button>
|
||||
<el-button @click="removeSelectRowEvent" :disabled="state.selectedRowsErpSpuIds.length <= 0">删除选中</el-button>
|
||||
<el-button type="danger" plain @click="clearData">清空数据</el-button>
|
||||
@@ -385,66 +365,6 @@ const getSelectedLinkCode = (selectionRows: any) => {
|
||||
state.linkCgPlanDialogVisible = false
|
||||
}
|
||||
|
||||
// 顶部表格行新增
|
||||
const addEvent = () => {
|
||||
const newRow: any = {
|
||||
id: "",
|
||||
erpSpuId: "",
|
||||
quantity: null,
|
||||
unitPrice: null,
|
||||
totalAmount: null,
|
||||
remark: "",
|
||||
unitId: "",
|
||||
}
|
||||
state.editableTableData.unshift(newRow)
|
||||
nextTick(() => {
|
||||
const $table = editableTableRef.value
|
||||
if ($table) {
|
||||
$table.setEditRow(newRow)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 底部表格行新增
|
||||
const pushEvent = () => {
|
||||
const newRow: any = {
|
||||
id: "",
|
||||
erpSpuId: "",
|
||||
quantity: null,
|
||||
unitPrice: null,
|
||||
totalAmount: null,
|
||||
remark: "",
|
||||
unitId: "",
|
||||
}
|
||||
state.editableTableData.push(newRow)
|
||||
nextTick(() => {
|
||||
const $table = editableTableRef.value
|
||||
if ($table) {
|
||||
$table.setEditRow(newRow)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 在指定行插入
|
||||
const insertEvent = () => {
|
||||
const newRow: any = {
|
||||
id: "",
|
||||
erpSpuId: "",
|
||||
quantity: null,
|
||||
unitPrice: null,
|
||||
totalAmount: null,
|
||||
remark: "",
|
||||
unitId: "",
|
||||
}
|
||||
state.editableTableData.splice(state.insertedRowNumber, 0, newRow)
|
||||
nextTick(() => {
|
||||
const $table = editableTableRef.value
|
||||
if ($table) {
|
||||
$table.setEditRow(newRow)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除选中的行
|
||||
const removeSelectRowEvent = () => {
|
||||
const $table = editableTableRef.value
|
||||
|
||||
@@ -2,26 +2,22 @@
|
||||
<div v-loading="loading" :element-loading-svg="svg" element-loading-svg-view-box="-10, -10, 50, 50" class="w-full h-full">
|
||||
<div v-if="baseDataForm.inventoryCode" class="layout-padding-auto layout-padding-view" style="overflow: scroll">
|
||||
<div v-if="disabled" ref="baseDataInfoRef">
|
||||
<div style="margin-bottom: 8px; padding: 8px 16px; color: #606279">
|
||||
<div style="display: inline-block; width: 100%">
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据编号：</span>
|
||||
<span>{{ baseDataForm.inventoryCode }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据日期：</span>
|
||||
<span>{{ baseDataForm.inventoryDate }}</span>
|
||||
</div>
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">经办人：</span>
|
||||
<span>{{ baseDataForm.handlerUserId }}</span>
|
||||
</div>
|
||||
<div style="margin-bottom: 8px; padding: 8px 16px; color: #606279; display: flex; flex-wrap: wrap">
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据编号：</span>
|
||||
<span>{{ baseDataForm.inventoryCode }}</span>
|
||||
</div>
|
||||
<div style="display: inline-block; width: 100%">
|
||||
<div style="float: left; width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">备注：</span>
|
||||
<span>{{ baseDataForm.remark }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">单据日期：</span>
|
||||
<span>{{ baseDataForm.inventoryDate }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">经办人：</span>
|
||||
<span>{{ baseDataForm.handlerUserId }}</span>
|
||||
</div>
|
||||
<div style="width: 33.33%; height: 28px; line-height: 28px">
|
||||
<span class="font-bold">备注：</span>
|
||||
<span>{{ baseDataForm.remark }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -48,22 +44,6 @@
|
||||
</el-form>
|
||||
|
||||
<el-row v-if="!disabled" class="my-3">
|
||||
<!-- <el-button @click="addEvent">新增（顶部）</el-button>
|
||||
<el-button @click="pushEvent">新增（尾部）</el-button>
|
||||
<el-button @click="insertEvent">
|
||||
在第
|
||||
<el-input-number
|
||||
@click.stop
|
||||
v-model="state.insertedRowNumber"
|
||||
:min="0"
|
||||
:max="state.editableTableData.length"
|
||||
:precision="0"
|
||||
size="small"
|
||||
controls-position="right"
|
||||
style="min-width: 50px; margin: 0 5px"
|
||||
/>
|
||||
行新增
|
||||
</el-button> -->
|
||||
<el-button type="primary" plain @click="handleClickSpuSelect">商品选择</el-button>
|
||||
<el-button @click="removeSelectRowEvent" :disabled="state.selectedRowsErpSpuIds.length <= 0">删除选中</el-button>
|
||||
<el-button type="danger" plain @click="clearData">清空数据</el-button>
|
||||
@@ -399,66 +379,6 @@ const handleRealNumberChange = (row: any) => {
|
||||
row._cachedLoss = null
|
||||
}
|
||||
|
||||
// 顶部表格行新增
|
||||
const addEvent = () => {
|
||||
const newRow: any = {
|
||||
id: "",
|
||||
erpSpuId: "",
|
||||
quantity: null,
|
||||
unitPrice: null,
|
||||
totalAmount: null,
|
||||
remark: "",
|
||||
unitId: "",
|
||||
}
|
||||
state.editableTableData.unshift(newRow)
|
||||
nextTick(() => {
|
||||
const $table = editableTableRef.value
|
||||
if ($table) {
|
||||
$table.setEditRow(newRow)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 底部表格行新增
|
||||
const pushEvent = () => {
|
||||
const newRow: any = {
|
||||
id: "",
|
||||
erpSpuId: "",
|
||||
quantity: null,
|
||||
unitPrice: null,
|
||||
totalAmount: null,
|
||||
remark: "",
|
||||
unitId: "",
|
||||
}
|
||||
state.editableTableData.push(newRow)
|
||||
nextTick(() => {
|
||||
const $table = editableTableRef.value
|
||||
if ($table) {
|
||||
$table.setEditRow(newRow)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 在指定行插入
|
||||
const insertEvent = () => {
|
||||
const newRow: any = {
|
||||
id: "",
|
||||
erpSpuId: "",
|
||||
quantity: null,
|
||||
unitPrice: null,
|
||||
totalAmount: null,
|
||||
remark: "",
|
||||
unitId: "",
|
||||
}
|
||||
state.editableTableData.splice(state.insertedRowNumber, 0, newRow)
|
||||
nextTick(() => {
|
||||
const $table = editableTableRef.value
|
||||
if ($table) {
|
||||
$table.setEditRow(newRow)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// 删除选中的行
|
||||
const removeSelectRowEvent = () => {
|
||||
const $table = editableTableRef.value
|
||||
|
||||
Reference in new issue
Block a user