From 6d5a9b68644735008e5fe5a70b2aa483ba3d9a7c Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期一, 22 四月 2024 10:50:37 +0800
Subject: [PATCH] 库存调整模块 添加点击自身报错位置id的问题修改
---
src/views/productManage/product/components/bomDialog.vue | 163 +++++++++++++++++++++++++----------------------------
1 files changed, 77 insertions(+), 86 deletions(-)
diff --git a/src/views/productManage/product/components/bomDialog.vue b/src/views/productManage/product/components/bomDialog.vue
index c350b0f..9d34367 100644
--- a/src/views/productManage/product/components/bomDialog.vue
+++ b/src/views/productManage/product/components/bomDialog.vue
@@ -1,25 +1,13 @@
<template>
- <el-dialog
- :close-on-click-modal="false"
- :visible.sync="editDialogVisible"
- width="33rem"
- class="add-event-dialog"
- @close="shutdown"
- append-to-body
- >
+ <el-dialog :close-on-click-modal="false" :visible.sync="thatEditRow.editDialogVisible" width="33rem" class="add-event-dialog"
+ @close="shutdown" append-to-body>
<div slot="title" class="tac drawerHeader">
<!-- {{ title }}缁勪欢 -->
缂栬緫涓嬫媺妗�>鍗曚綅
</div>
<div class="drawerContent">
- <el-table
- v-if="isTableShow"
- :header-cell-style="{ background: '#f1f3f8', color: '#000009' }"
- ref="multipleTable"
- :data="BomTableData"
- tooltip-effect="dark"
- height="440"
- >
+ <el-table v-if="isTableShow" :header-cell-style="{ background: '#f1f3f8', color: '#000009' }" ref="unitTable"
+ :data="thatEditRow.BomTableData" tooltip-effect="dark" height="440">
<el-table-column prop="unit" label="鍗曚綅">
<template slot-scope="scope">
<el-input v-model="scope.row.name"></el-input>
@@ -27,28 +15,16 @@
</el-table-column>
<el-table-column prop="createdAt" label="璁句负榛樿">
<template slot-scope="scope">
- <el-switch
- @change="switchChange(scope, scope.row.isDefault)"
- v-model="scope.row.isDefault"
- ></el-switch>
+ <el-switch @change="switchChange(scope, scope.row.isDefault)" v-model="scope.row.isDefault"></el-switch>
</template>
</el-table-column>
- <!-- <el-table-column label="鎿嶄綔" width="100">
+ <el-table-column label="鎿嶄綔" width="100">
<template slot-scope="scope">
- <i
- class="el-icon-delete"
- id="iconStyle"
- @click="handleDelete(scope.row.id)"
- ></i>
+ <i class="el-icon-delete cursor_pointer" id="iconStyle" @click="handleDelete(scope.row.id,scope)"></i>
</template>
- </el-table-column> -->
+ </el-table-column>
</el-table>
- <el-button
- @click="handleAdd()"
- type="text"
- class="margin_top_15px margin_left_20px"
- >鏂板涓嬫媺妗�</el-button
- >
+ <el-button @click="handleAdd()" type="text" class="margin_top_15px margin_left_20px">鏂板涓嬫媺妗�</el-button>
</div>
<div slot="footer" class="dialog-footer tac">
<!-- <el-button
@@ -56,19 +32,15 @@
style="margin-left: 16px; color: #fff; background-color: #ee790c"
>鏂板</el-button
> -->
- <el-button @click="shutdown">鍙栨秷</el-button
- ><el-button
- type="primary"
- @click="handleConfirmSave()"
- style="margin-left: 16px; color: #fff; background-color: #2a78fb"
- >纭畾</el-button
- >
+ <el-button @click="shutdown">鍙栨秷</el-button>
+ <el-button type="primary" @click="handleConfirmSave()"
+ style="margin-left: 16px; color: #fff; background-color: #2a78fb">纭畾</el-button>
</div>
</el-dialog>
</template>
<script>
-import { getCodeStandardList,addMaterial, updateMaterial } from "@/api/basic/standard";
+import { getCodeStandardList, addMaterial, updateMaterial, } from "@/api/basic/standard";
export default {
name: "bomDialog",
@@ -79,7 +51,10 @@
editRow: {
type: Object,
default: () => {
- return {};
+ return {
+ editDialogVisible: false,
+ BomTableData:[]
+ };
},
},
workList: {
@@ -88,10 +63,13 @@
},
data() {
return {
- editDialogVisible: false,
+ thatEditRow:this.editRow,
isTableShow: true,
form: {},
- BomTableData: [1],
+ BomTableData:[],
+ // BomTableData: this.editRow.BomTableData,
+ // BomTableData: JSON.parse(this.editRow.BomTableData),
+ // BomTableData: [{ id: 303, createdAt: "2024-02-05 18:02:47", updatedAt: "2024-02-05 18:02:47",name: "kg", isDefault: false }],
work: 1,
flag: "add",
obj: { name: "", page: 0, pageSize: 0, type: "鐗╂枡缂栫爜" },
@@ -101,14 +79,6 @@
sum: 0,
explain: "",
Tabs: "msg",
- tableData: [
- {
- date: "PEBU",
- name: "PE甯�",
- number: "21",
- unit: "鍚�",
- },
- ],
rules: {
id: [{ required: true, message: "璇疯緭鍏ョ墿鏂欑紪鐮�", trigger: "blur" }],
name: [{ required: true, message: "璇疯緭鍏ョ墿鏂欏悕绉�", trigger: "blur" }],
@@ -135,25 +105,28 @@
};
},
watch: {
- editDialogVisible(newVal) {
- if (newVal) {
- this.BomTableData = this.workList;
- }
- },
- workList(newVal) {
- console.log(newVal)
- this.BomTableData = this.workList;
- },
},
- mounted() {},
+ created() {
+ },
+ mounted() {
+ },
methods: {
handleAdd() {
+ this.BomTableData=this.thatEditRow.BomTableData
this.BomTableData.push({ name: "", isDefault: false });
+ this.$nextTick(()=>{
+ setTimeout(() => {
+ this.$refs.unitTable.bodyWrapper.scrollTop=this.$refs.unitTable.bodyWrapper.scrollHeight
+ }, 500);
+ })
},
- handleDelete(id) {
- this.BomTableData = this.BomTableData.filter((i) => {
- return i.id != id;
- });
+ handleDelete(id,scope) {
+ if (this.thatEditRow.BomTableData.length === 1) {
+ this.$message.warning("鑷冲皯淇濈暀涓�鏉℃暟鎹�");
+ return;
+ }
+ this.thatEditRow.BomTableData.splice(scope.$index,1)
+ this.BomTableData=this.thatEditRow.BomTableData
},
async getCodeStandardList() {
const res = await getCodeStandardList(this.obj);
@@ -178,19 +151,11 @@
console.log(this.codenumberList.replace(/,/g, ""));
},
switchChange(scope, val) {
- let arr = [];
+ this.BomTableData=this.thatEditRow.BomTableData
for (let i in this.BomTableData) {
- if (this.BomTableData[i].isDefault) {
- arr.push(i);
- }
+ this.thatEditRow.BomTableData[i].isDefault=false
}
- if (arr.length > 1) {
- this.$message({
- message: "鍙兘璁句竴涓负榛樿",
- type: "warning",
- });
- scope.row.isDefault = !val;
- }
+ scope.row.isDefault = val;
},
handleConfirmSave() {
let arr = [];
@@ -216,7 +181,7 @@
let fn = this.flag == "set" ? updateMaterial : addMaterial;
const res = await fn(this.form);
this.shutdown();
- this.$sucessSet("sucessSet");
+ // this.$sucessSet("sucessSet");
if (res.code == 200) {
this.$message({
message: this.flag == "set" ? "淇敼鎴愬姛锛�" : "娣诲姞鎴愬姛锛�",
@@ -232,7 +197,7 @@
}
},
shutdown() {
- this.editDialogVisible = false;
+ this.thatEditRow.editDialogVisible = false;
},
},
};
@@ -246,9 +211,11 @@
background: #fff;
width: 25vw !important;
height: 600px;
+
#iconStyle {
font-size: 20px !important;
}
+
.drawerContent {
position: relative;
overflow-y: auto;
@@ -258,21 +225,28 @@
width: 25vw;
overflow-x: hidden;
height: 480px;
- scrollbar-width: none; /* firefox */
- -ms-overflow-style: none; /* IE 10+ */
+ scrollbar-width: none;
+ /* firefox */
+ -ms-overflow-style: none;
+
+ /* IE 10+ */
::v-deep .el-tabs__nav-scroll {
padding-left: 25px;
}
+
.baseTitle {
margin: 50px 0 20px;
font-weight: bold;
}
+
.baseInfo {
display: flex;
}
}
+
.drawerContent::-webkit-scrollbar {
- display: none; /* Chrome Safari */
+ display: none;
+ /* Chrome Safari */
}
}
@@ -280,6 +254,7 @@
margin-top: 16px;
margin-right: 20px;
text-align: right;
+
.el-button {
width: 80px;
height: 38px;
@@ -288,30 +263,38 @@
color: #000;
}
}
+
::v-deep .el-form {
width: 389px;
+
.input-box .input-content input {
margin: 0;
margin-right: 3px;
}
+
.el-input__inner,
.el-textarea__inner {
line-height: 18px;
font-family: PingFangSC;
}
}
+
::v-deep .el-tabs__header {
border: none;
+
.el-tabs__nav {
border: none;
}
}
+
::v-deep .el-form-item__content {
width: 263px;
+
.input-box {
width: 263px;
}
}
+
::v-deep .el-form-item__label {
font-size: 13px !important;
color: #000;
@@ -319,12 +302,14 @@
text-align: center !important;
width: 60px;
}
+
::v-deep .input-box .input-content input {
width: 23px;
height: 26px;
border-color: rgba(0, 0, 0, 0.1);
font-family: PingFangSC;
}
+
::v-deep .el-icon-minus {
width: 13px !important;
height: 26px !important;
@@ -332,29 +317,35 @@
color: #e5e5e5;
font-size: 13px;
}
+
::v-deep .el-input__inner {
font-size: 13px !important;
color: rgba(0, 0, 0, 0.9);
}
+
::v-deep .el-input__inner::placeholder {
color: rgba(0, 0, 0, 0.4);
}
+
::v-deep .el-form-item__error {
font-family: PingFangSC;
}
+
.self {
- ::v-deep .el-input__inner {
- }
+ ::v-deep .el-input__inner {}
}
+
::v-deep .el-select-dropdown {
position: absolute !important;
top: 36px !important;
left: 0px !important;
}
+
::v-deep .el-select-dropdown__wrap {
overflow: auto !important;
}
-::v-deep .el-dialog__body{
- padding-bottom:10px!important;
+
+::v-deep .el-dialog__body {
+ padding-bottom: 10px !important;
}
</style>
--
Gitblit v1.8.0