You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
796 lines
26 KiB
796 lines
26 KiB
<template> |
|
<div> |
|
<el-dialog |
|
:close-on-click-modal="false" |
|
:title="outDialogTiltle" |
|
:visible.sync="outDialogVisible" |
|
:append-to-body="true" |
|
@close="handleCloseDetail" |
|
fullscreen |
|
> |
|
<div class="dialog-content"> |
|
<!-- 基本信息 --> |
|
<el-form |
|
:model="sizeForm" |
|
ref="dynamicValidateForm" |
|
label-width="100px" |
|
class="demo-dynamic" |
|
:rules="dynamicRules" |
|
> |
|
<div class="form-title">基本信息</div> |
|
<el-row> |
|
<el-col :span="12"> |
|
<el-form-item label="出库申请时间"> |
|
<el-date-picker |
|
v-model="sizeForm.ldTwoOutStorage.outDate" |
|
type="date" |
|
placeholder="选择日期" |
|
style="width: 100%" |
|
disabled |
|
> |
|
</el-date-picker> |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="12"> |
|
<el-form-item label="事由" prop="ldTwoOutStorage.reason"> |
|
<el-input |
|
v-model="sizeForm.ldTwoOutStorage.reason" |
|
:disabled="outDialogType != 'add'" |
|
placeholder="请输入" |
|
></el-input> |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="12"> |
|
<el-form-item |
|
label="物资类型" |
|
prop="ldTwoOutStorage.materialType" |
|
> |
|
<el-select |
|
v-model="sizeForm.ldTwoOutStorage.materialType" |
|
placeholder="请选择" |
|
style="width: 100%" |
|
:disabled="outDialogType != 'add'" |
|
> |
|
<el-option label="办公室物资" value="1"></el-option> |
|
<el-option label="其他物资" value="2"></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="12"> |
|
<el-form-item label="部门" prop="ldTwoOutStorage.departmentInfo"> |
|
<el-select |
|
v-model="sizeForm.ldTwoOutStorage.departmentInfo" |
|
placeholder="请选择" |
|
style="width: 100%" |
|
:disabled="outDialogType != 'add'" |
|
@change="deptChange" |
|
clearable |
|
filterable |
|
value-key="departmentId" |
|
> |
|
<el-option |
|
v-for="item in departmentOptions" |
|
:key="item.departmentId" |
|
:label="item.department" |
|
:value="item" |
|
></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-col> |
|
|
|
<el-col :span="12"> |
|
<el-form-item label="领用人" prop="ldTwoOutStorage.proposerInfo"> |
|
<el-select |
|
v-model="sizeForm.ldTwoOutStorage.proposerInfo" |
|
placeholder="请选择" |
|
style="width: 100%" |
|
:disabled=" |
|
sizeForm.departmentId == '' || outDialogType == 'details' |
|
" |
|
clearable |
|
filterable |
|
value-key="userId" |
|
@change="proposerChange" |
|
> |
|
<el-option |
|
v-for="item in userOptions" |
|
:key="item.userId" |
|
:label="item.name" |
|
:value="item" |
|
> |
|
</el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-col> |
|
<el-col :span="12"> |
|
<el-form-item label="物资分组" prop="ldTwoOutStorage.groupName"> |
|
<el-select |
|
v-model="sizeForm.ldTwoOutStorage.groupName" |
|
placeholder="请选择" |
|
style="width: 100%" |
|
:disabled="outDialogType != 'add'" |
|
clearable |
|
filterable |
|
value-key="departmentId" |
|
@change="groupNameChange" |
|
> |
|
<el-option |
|
v-for="item in groupNameOptions" |
|
:key="item.groupName" |
|
:label="item.groupName" |
|
:value="item.groupName" |
|
></el-option> |
|
</el-select> |
|
</el-form-item> |
|
</el-col> |
|
|
|
<el-col :span="12" v-if="outDialogType == 'details'"> |
|
<el-form-item label="填报人"> |
|
<el-input |
|
v-model="sizeForm.ldTwoOutStorage.shipperName" |
|
:disabled="outDialogType != 'add'" |
|
></el-input> |
|
</el-form-item> |
|
</el-col> |
|
</el-row> |
|
<div class="form-title">{{ outDateInfo }} 出库信息：</div> |
|
<div v-if="sizeForm.ldTwoOutStorage.groupName !== '自由出库'"> |
|
<el-table |
|
:data="groupTableData" |
|
style="width: 100%" |
|
border |
|
ref="groupTable" |
|
> |
|
<!-- 展开行详情 --> |
|
<el-table-column type="expand"> |
|
<template slot-scope="props"> |
|
<!-- 关联表单列表（带复选框） --> |
|
<el-table |
|
:data="props.row.twoInventoryVOList || []" |
|
size="mini" |
|
style="width: 100%" |
|
@selection-change=" |
|
(val) => handleSelectionChange(val, props.row) |
|
" |
|
border |
|
> |
|
<el-table-column type="selection" width="55" /> |
|
<el-table-column type="index" label="#" width="55" /> |
|
<el-table-column label="物料名称" prop="materialName" /> |
|
<el-table-column label="物料编码" prop="materialCode" /> |
|
<el-table-column label="规格型号" prop="model" /> |
|
<el-table-column label="数量" prop="inventory" /> |
|
<el-table-column label="本次出库数量" prop="num"> |
|
<template slot-scope="scope"> |
|
<el-input-number |
|
size="mini" |
|
v-model="scope.row.num" |
|
:min="0" |
|
:max="getMaxQuantity(scope.row)" |
|
style="width: 100%" |
|
disabled |
|
@change=" |
|
(newValue) => |
|
handleQuantityChange(newValue, scope.$index) |
|
" |
|
></el-input-number> |
|
</template> |
|
</el-table-column> |
|
<el-table-column label="单价" prop="unitPrice" width="80" /> |
|
</el-table> |
|
</template> |
|
</el-table-column> |
|
|
|
<!-- 常规列展示 --> |
|
<el-table-column label="物料编码" prop="materialCode" /> |
|
<el-table-column label="物料名称" prop="materialName" /> |
|
<el-table-column label="规格型号" prop="model" /> |
|
<el-table-column label="申请数量" prop="applyNum" /> |
|
<el-table-column label="单位" prop="unit" /> |
|
</el-table> |
|
</div> |
|
|
|
<div v-if="sizeForm.ldTwoOutStorage.groupName == '自由出库'"> |
|
<el-button |
|
type="primary" |
|
size="mini" |
|
style="margin-bottom: 18px" |
|
@click="categoryHandle" |
|
v-if="outDialogType != 'details'" |
|
>新增</el-button |
|
> |
|
<el-table |
|
:data="sizeForm.ldTwoOutStorageDetailList" |
|
border |
|
style="width: 100%" |
|
ref="table" |
|
> |
|
<el-table-column type="expand"> |
|
<template slot-scope="props"> |
|
<el-table |
|
:data="scope.row.twoInventoryVOList" |
|
border |
|
style="width: 100%" |
|
> |
|
<el-table-column |
|
prop="materialName" |
|
label="物资名称" |
|
></el-table-column> |
|
<el-table-column |
|
prop="materialCode" |
|
label="物资编码" |
|
></el-table-column> |
|
<el-table-column |
|
prop="type" |
|
label="物资类型" |
|
></el-table-column> |
|
<el-table-column prop="num" label="数量"></el-table-column> |
|
</el-table> |
|
</template> |
|
</el-table-column> |
|
<el-table-column prop="materialCode" label="物资编码"> |
|
</el-table-column> |
|
|
|
<el-table-column |
|
prop="materialName" |
|
label="物资名称" |
|
></el-table-column> |
|
<el-table-column prop="model" label="规格/型号"> |
|
</el-table-column> |
|
<el-table-column prop="type" label="类别"> |
|
<template slot-scope="scope"> |
|
{{ |
|
scope.row.type === "NY" |
|
? "耐用品" |
|
: scope.row.type === "YH" |
|
? "易耗品" |
|
: "" |
|
}} |
|
</template> |
|
</el-table-column> |
|
<el-table-column prop="unit" label="单位"> </el-table-column> |
|
<el-table-column prop="num" label="数量"> |
|
<template slot-scope="scope"> |
|
<el-input-number |
|
size="mini" |
|
v-model="scope.row.num" |
|
:min="0" |
|
:max="getMaxQuantity(scope.row)" |
|
style="width: 100%" |
|
:disabled=" |
|
outDialogType != 'add' || scope.row.type === 'NY' |
|
" |
|
@change=" |
|
(newValue) => handleQuantityChange(newValue, scope.$index) |
|
" |
|
></el-input-number> |
|
</template> |
|
</el-table-column> |
|
<el-table-column |
|
label="操作" |
|
width="100" |
|
v-if="outDialogType != 'details'" |
|
> |
|
<template slot-scope="scope"> |
|
<div :disabled="outDialogType == 'details'"> |
|
<el-button |
|
type="text" |
|
size="mini" |
|
@click="handleDelete(scope.$index, scope.row)" |
|
> |
|
删除 |
|
</el-button> |
|
</div> |
|
</template> |
|
</el-table-column> |
|
</el-table> |
|
</div> |
|
<div class="form-title" v-if="outDialogType != 'details'"> |
|
出库账目表格： |
|
</div> |
|
<el-table |
|
:data="statisticsList" |
|
border |
|
style="width: 100%" |
|
v-if="outDialogType != 'details'" |
|
> |
|
<el-table-column prop="date" label="当前库存" align="center"> |
|
<el-table-column prop="materialCode" label="编码"> |
|
</el-table-column> |
|
<el-table-column prop="materialName" label="名称"> |
|
</el-table-column> |
|
<el-table-column prop="model" label="规格"> </el-table-column> |
|
<el-table-column prop="type" label="类别"> |
|
<template slot-scope="scope"> |
|
{{ |
|
scope.row.type === "NY" |
|
? "耐用品" |
|
: scope.row.type === "YH" |
|
? "易耗品" |
|
: "" |
|
}} |
|
</template> |
|
</el-table-column> |
|
<el-table-column prop="unit" label="单位"> </el-table-column> |
|
<el-table-column prop="num" label="数量"> </el-table-column> |
|
</el-table-column> |
|
<el-table-column prop="date" label="出库信息" align="center"> |
|
<el-table-column prop="theOutboundQuantity" label="数量"> |
|
</el-table-column> |
|
</el-table-column> |
|
<el-table-column prop="date" label="出库后库存" align="center"> |
|
<el-table-column prop="totalQuantity" label="数量"> |
|
</el-table-column> |
|
</el-table-column> |
|
<el-table-column prop="date" label="出库信息" align="center"> |
|
<el-table-column label="出库人"> |
|
<template slot-scope="scope"> |
|
{{ |
|
scope.row.userInfoVO |
|
? scope.row.userInfoVO.name |
|
: sizeForm.userInfoVO.name |
|
}} |
|
</template> |
|
</el-table-column> |
|
<el-table-column prop="outDateInfo" label="出库时间" width="150"> |
|
<template slot-scope="scope"> |
|
{{ outDateInfo }} |
|
</template> |
|
</el-table-column> |
|
</el-table-column> |
|
</el-table> |
|
</el-form> |
|
</div> |
|
|
|
<span slot="footer" class="dialog-footer"> |
|
<el-button @click="handleCloseDetail()">取 消</el-button> |
|
<el-button |
|
v-if="outDialogType != 'details'" |
|
type="primary" |
|
@click="sumbit()" |
|
>确 定</el-button |
|
> |
|
</span> |
|
</el-dialog> |
|
<!-- 新增数据 --> |
|
<categoryDialog |
|
v-if="categoryVisible" |
|
:categoryVisible="categoryVisible" |
|
:selectionData="selectionData" |
|
:departmentId="sizeForm.ldTwoOutStorage.departmentId" |
|
:categoryDialogTitle="categoryDialogTitle" |
|
@confirm="confirm" |
|
@categoryClose="categoryClose" |
|
></categoryDialog> |
|
</div> |
|
</template> |
|
<script> |
|
import { getDetailedItems } from "@/api/firstOrder/outbound"; |
|
import categoryDialog from "./categoryDialog.vue"; |
|
import { |
|
getUserList, |
|
getMaterialList, |
|
submit, |
|
getDetails, |
|
getStatistics, |
|
getOutGroupName, |
|
getGroupMaterial, |
|
} from "@/api/secondOrder/outbound"; |
|
import { mapGetters } from "vuex"; |
|
|
|
export default { |
|
components: { |
|
categoryDialog, |
|
}, |
|
props: { |
|
repairVisible: { |
|
type: Boolean, |
|
default: false, |
|
}, |
|
outDialogTiltle: { |
|
type: String, |
|
default: "", |
|
}, |
|
outDialogType: { |
|
type: String, |
|
default: "", |
|
}, |
|
type: { |
|
type: String, |
|
default: "", |
|
}, |
|
rowData: { |
|
type: Object, |
|
default: {}, |
|
}, |
|
}, |
|
computed: { |
|
...mapGetters(["userInfo"]), |
|
outDateInfo() { |
|
const now = new Date(); |
|
const year = now.getFullYear(); |
|
const month = String(now.getMonth() + 1).padStart(2, "0"); |
|
const day = String(now.getDate()).padStart(2, "0"); |
|
return `${year}年${month}月${day}日`; |
|
}, |
|
}, |
|
watch: { |
|
outDialogType: { |
|
immediate: true, |
|
handler(newVal) { |
|
if (newVal === "details") { |
|
this.dynamicRules = {}; // 清空校验规则 |
|
} else { |
|
this.dynamicRules = this.rules; // 恢复校验规则 |
|
} |
|
}, |
|
}, |
|
}, |
|
data() { |
|
return { |
|
outDialogVisible: false, |
|
categoryVisible: false, |
|
categoryDialogTitle: "出库", |
|
allSelectedList: [], |
|
selectionData: [], |
|
sizeForm: { |
|
ldTwoOutStorage: { |
|
outDate: "", |
|
reason: "", |
|
materialType: "", |
|
departmentId: "", |
|
department: "", |
|
proposerId: "", |
|
proposerName: "", |
|
submitName: "", //填报人 |
|
departmentInfo: null, |
|
proposerInfo: null, |
|
optionType: "YH", |
|
groupName: "", //物资分组 |
|
}, |
|
ldTwoOutStorageDetailList: [], //出库单详情 |
|
inAccountsTableData: [], //库存汇总 |
|
userInfoVO: {}, |
|
}, |
|
rules: { |
|
ldTwoOutStorage: { |
|
reason: [ |
|
{ |
|
required: true, |
|
message: "请填写", |
|
trigger: "blur", |
|
}, |
|
], |
|
materialType: [ |
|
{ |
|
required: true, |
|
message: "请选择", |
|
trigger: "change", |
|
}, |
|
], |
|
departmentInfo: [ |
|
{ |
|
required: true, |
|
message: "请选择", |
|
trigger: "change", |
|
}, |
|
], |
|
proposerInfo: [ |
|
{ |
|
required: true, |
|
message: "请选择", |
|
trigger: "change", |
|
}, |
|
], |
|
}, |
|
}, |
|
inBatchDialogVisible: false, //选择采购单的数据 |
|
batchType: "", //批量选择类型 |
|
materials: [], //物资列表 |
|
userOptions: [], //领用人列表 |
|
departmentOptions: [], //部门列表 |
|
dynamicRules: {}, // 动态校验规则 |
|
statisticsList: [], //批量更改后的明细数据 |
|
groupNameOptions: [], //物资分组数据 |
|
groupTableData: [], //选取分组表格数据 |
|
selectedGroupMap: {}, // key: group 的唯一标识（如 materialId 或 index），value: 选中的子项数组 |
|
}; |
|
}, |
|
mounted() { |
|
this.outDialogVisible = this.repairVisible; |
|
if (this.outDialogType == "add") { |
|
this.addInit(); |
|
} else { |
|
this.inInit(); |
|
} |
|
this.sizeForm.userInfoVO = this.userInfo; |
|
this.getDetailedItems(); |
|
this.getOutGroupName(); |
|
}, |
|
methods: { |
|
// 监听嵌套表格的勾选事件 |
|
handleSelectionChange(selection, parentRow) { |
|
// 使用 parentRow 的唯一标识作为 key，例如 materialId 或 materialCode |
|
const key = |
|
parentRow.materialId || parentRow.materialCode || parentRow.id; |
|
if (!key) { |
|
console.warn("Parent row has no unique key for selection tracking"); |
|
return; |
|
} |
|
|
|
// 缓存当前分组的选中项 |
|
this.$set(this.selectedGroupMap, key, selection); |
|
|
|
// 重建整个出库明细列表：扁平化所有选中项 |
|
let allDetails = []; |
|
Object.values(this.selectedGroupMap).forEach((selectedList) => { |
|
allDetails = allDetails.concat( |
|
selectedList.map((item) => ({ |
|
...item, |
|
// 确保有 num 字段，默认为 0 或 1 |
|
num: item.num || (item.type === "NY" ? 1 : 0), |
|
})) |
|
); |
|
}); |
|
|
|
// 赋值给主表单 |
|
this.sizeForm.ldTwoOutStorageDetailList = allDetails; |
|
console.log(this.sizeForm.ldTwoOutStorageDetailList, "批量数据"); |
|
|
|
// 触发统计更新 |
|
this.getStatistics(); |
|
}, |
|
groupNameChange() { |
|
if (this.sizeForm.ldTwoOutStorage.groupName != null) { |
|
getGroupMaterial(this.sizeForm.ldTwoOutStorage).then((res) => { |
|
this.groupTableData = res.data.result; |
|
this.groupTableData.forEach((group) => { |
|
// 初始化每个分组的选中项为当前已选的明细项 |
|
if (group.twoInventoryVOList.length > 0) { |
|
group.twoInventoryVOList.forEach((element) => { |
|
if(element.type === "NY"){ |
|
element.num = 1; |
|
} else { |
|
element.num = group.applyNum; |
|
} |
|
}); |
|
} |
|
}); |
|
}); |
|
} |
|
}, |
|
getOutGroupName() { |
|
// this.groupNameOptions = [ |
|
// { |
|
// groupIds: "83,85", |
|
// groupName: "测试", |
|
// }, |
|
// { |
|
// groupIds: null, |
|
// groupName: "自由出库", |
|
// }, |
|
// ]; |
|
getOutGroupName().then((res) => { |
|
this.groupNameOptions = res.data.result; |
|
}); |
|
}, |
|
// 批量 更改明细表数据 |
|
getStatistics() { |
|
getStatistics(this.sizeForm.ldTwoOutStorageDetailList).then((res) => { |
|
this.statisticsList = res.data.result; |
|
this.statisticsList = this.statisticsList.map((stat) => { |
|
const detail = this.sizeForm.ldTwoOutStorageDetailList.find( |
|
(item) => item.materialCode === stat.materialCode |
|
); |
|
return { |
|
...stat, |
|
theOutboundQuantity: detail.num || 0, //本次入库数量 |
|
unitPrice: detail.unitPrice, |
|
totalQuantity: stat.num - detail.num, |
|
}; |
|
}); |
|
}); |
|
}, |
|
// 最大数量 |
|
getMaxQuantity(row) { |
|
const stockInfo = this.statisticsList.find( |
|
(stat) => stat.materialCode === row.materialCode |
|
); |
|
if (row.type === "NY") { |
|
return 1; |
|
} else { |
|
return stockInfo ? stockInfo.num : 999999; |
|
} |
|
}, |
|
categoryHandle() { |
|
if ( |
|
!this.sizeForm.ldTwoOutStorage.proposerInfo || |
|
!this.sizeForm.ldTwoOutStorage.departmentInfo |
|
) { |
|
this.$message.error("请先选择部门和领用人"); |
|
return false; |
|
} |
|
this.categoryVisible = true; |
|
}, |
|
confirm(allSelectedList) { |
|
// 保存已选数量 |
|
const existingQuantities = {}; |
|
this.sizeForm.ldTwoOutStorageDetailList.forEach((item) => { |
|
existingQuantities[item.id] = item.num; |
|
}); |
|
const updatedList = allSelectedList.map((item) => { |
|
const existingNum = existingQuantities[item.id]; |
|
if (existingNum !== undefined) { |
|
return { |
|
...item, |
|
num: existingNum, |
|
}; |
|
} |
|
return item; |
|
}); |
|
|
|
this.selectionData = updatedList; |
|
this.categoryVisible = false; |
|
this.sizeForm.ldTwoOutStorageDetailList = updatedList; |
|
this.getStatistics(); |
|
}, |
|
// 删除表格行数据 |
|
handleDelete(index, row) { |
|
this.sizeForm.ldTwoOutStorageDetailList.splice(index, 1); |
|
this.getStatistics(); |
|
}, |
|
// 初始化 汇总库存 inAccountsTableData |
|
summaryTableData() { |
|
this.sizeForm.inAccountsTableData = JSON.parse( |
|
JSON.stringify(this.sizeForm.ldTwoOutStorageDetailList) |
|
); |
|
}, |
|
handleQuantityChange(newValue, index) { |
|
console.log(newValue, "点击数量变化数量的值"); |
|
const currentRow = this.sizeForm.ldTwoOutStorageDetailList[index]; |
|
if (!currentRow) return; |
|
|
|
// 易耗品的有效数量 |
|
currentRow.num = newValue; |
|
this.$set(this.sizeForm.ldTwoOutStorageDetailList, index, currentRow); |
|
this.$set(this.sizeForm.inAccountsTableData, index, { ...currentRow }); |
|
this.getStatistics(); |
|
}, |
|
|
|
// 更新全局总计 |
|
updateGlobalTotal() { |
|
let totalAmount = 0; |
|
}, |
|
//获取单条选择的物资名称列表 |
|
async getMaterialList(value) { |
|
getMaterialList({ departmentId: value }).then((res) => { |
|
this.materials = res.data.result; |
|
}); |
|
}, |
|
// 选中物资获取数据 |
|
handleMaterialChange(row, index) { |
|
this.sizeForm.ldTwoOutStorageDetailList[index].materialId = |
|
row.materialId; |
|
this.sizeForm.ldTwoOutStorageDetailList[index].model = row.model; |
|
this.sizeForm.ldTwoOutStorageDetailList[index].materialCode = |
|
row.materialCode; |
|
this.sizeForm.ldTwoOutStorageDetailList[index].materialName = |
|
row.materialName; |
|
this.sizeForm.ldTwoOutStorageDetailList[index].type = row.type; |
|
this.sizeForm.ldTwoOutStorageDetailList[index].unit = row.unit; |
|
}, |
|
// 获取领用人列表 |
|
getUserList(value) { |
|
getUserList({ departmentId: value }).then((res) => { |
|
this.userOptions = res.data.result; |
|
if (this.outDialogType != "add") { |
|
let userArr = this.userOptions.filter( |
|
(item) => item.userId == this.sizeForm.ldTwoOutStorage.proposerId |
|
); |
|
this.sizeForm.ldTwoOutStorage.proposerInfo = |
|
userArr.length > 0 ? userArr[0] : {}; |
|
} |
|
}); |
|
}, |
|
// 获取部门列表 |
|
getDetailedItems() { |
|
getDetailedItems().then((res) => { |
|
this.departmentOptions = res.data.result; |
|
}); |
|
}, |
|
// 选中部门之后 获取领用人列表 |
|
deptChange(value) { |
|
this.sizeForm.ldTwoOutStorage.proposerInfo = null; |
|
this.sizeForm.ldTwoOutStorage.departmentId = value.departmentId; |
|
this.sizeForm.ldTwoOutStorage.department = value.department; |
|
this.getUserList(value.departmentId); |
|
this.getMaterialList(value.departmentId); |
|
this.sizeForm.ldTwoOutStorageDetailList = []; |
|
}, |
|
// 领用人选中 |
|
proposerChange(value) { |
|
console.log("领用人", value); |
|
this.sizeForm.ldTwoOutStorage.proposerId = value.userId; |
|
this.sizeForm.ldTwoOutStorage.proposerName = value.name; |
|
}, |
|
handleCloseDetail() { |
|
this.outDialogVisible = false; |
|
this.$emit("handleCloseDetail"); |
|
}, |
|
|
|
categoryClose() { |
|
this.categoryVisible = false; |
|
}, |
|
|
|
inInit() { |
|
if (this.outDialogType != "add") { |
|
getDetails({ twoOutStorageId: this.rowData.id }).then((res) => { |
|
this.sizeForm = res.data.result; |
|
this.getUserList(this.sizeForm.ldTwoOutStorage.departmentId); |
|
|
|
let departmentArr = this.departmentOptions.filter( |
|
(item) => |
|
item.departmentId == this.sizeForm.ldTwoOutStorage.departmentId |
|
); |
|
|
|
this.sizeForm.ldTwoOutStorage.departmentInfo = |
|
departmentArr.length > 0 ? departmentArr[0] : {}; |
|
|
|
// this.sizeForm.ldTwoOutStorage.proposerInfo={} |
|
}); |
|
} |
|
}, |
|
|
|
addInit() { |
|
const now = new Date(); |
|
const year = now.getFullYear(); |
|
const month = String(now.getMonth() + 1).padStart(2, "0"); |
|
const day = String(now.getDate()).padStart(2, "0"); |
|
this.sizeForm.ldTwoOutStorage.outDate = `${year}-${month}-${day} 00:00:00`; //入库时间 |
|
}, |
|
// 添加入库数据 ,点击新增 |
|
inTableAdd() { |
|
this.sizeForm.ldTwoOutStorageDetailList.push({}); |
|
this.summaryTableData(); |
|
}, |
|
// 提交 |
|
sumbit() { |
|
console.log("form", this.sizeForm); |
|
this.$refs.dynamicValidateForm.validate((valid) => { |
|
if (valid) { |
|
submit(this.sizeForm).then((res) => { |
|
this.$message({ |
|
type: "success", |
|
message: "提交成功", |
|
}); |
|
this.handleCloseDetail(); |
|
}); |
|
} |
|
}); |
|
}, |
|
}, |
|
}; |
|
</script> |
|
<style lang="scss" scoped> |
|
.form-title { |
|
margin: 20px 0; |
|
} |
|
|
|
::v-deep.el-dialog__footer { |
|
position: fixed !important; |
|
bottom: 0 !important; |
|
right: 0 !important; |
|
} |
|
|
|
::v-deep.dialog-content { |
|
max-height: calc(100vh - 200px); |
|
/* 减去标题栏和底部按钮的高度 */ |
|
overflow-y: auto; |
|
padding-right: 10px; |
|
/* 预留滚动条空间 */ |
|
} |
|
::v-deep.el-table th.el-table__cell { |
|
background: #f5f7fa; |
|
font-weight: 500; |
|
} |
|
</style>
|
|
|