From 998e2e17328d704cf642409f71508b4681ddd464 Mon Sep 17 00:00:00 2001
From: haoxuan <haoxuan>
Date: 星期一, 18 九月 2023 09:56:27 +0800
Subject: [PATCH] 仓库编辑弹框
---
src/views/productManage/product/AddProductDialog.vue | 171 ++++++++++++++++++++------------------------------------
1 files changed, 61 insertions(+), 110 deletions(-)
diff --git a/src/views/productManage/product/AddProductDialog.vue b/src/views/productManage/product/AddProductDialog.vue
index 022c0c6..32cffde 100644
--- a/src/views/productManage/product/AddProductDialog.vue
+++ b/src/views/productManage/product/AddProductDialog.vue
@@ -32,75 +32,23 @@
style="height: 60vh; overflow-x: hidden"
>
<div class="content-btn">
- <el-button plain size="mini">鏍囩鎵撳嵃</el-button>
- <el-button plain size="mini">鏇存柊鏁伴噺</el-button>
- <el-button plain size="mini">鎵ц琛ヨ揣</el-button>
+ <el-button plain size="mini" disabled>鏍囩鎵撳嵃</el-button>
+ <el-button plain size="mini" disabled>鏇存柊鏁伴噺</el-button>
+ <el-button plain size="mini" disabled>鎵ц琛ヨ揣</el-button>
</div>
<div class="basic-info">
- <div class="content-number">
- <div class="sub-number">
- <div class="left"><i class="el-icon-s-fold"></i></div>
- <div class="right">
- <div class="right-label">{{ 0 }}</div>
- <div class="right-label">棰濆鐨勪环鏍�</div>
- </div>
- </div>
- <div class="sub-number">
- <div class="left"><i class="el-icon-present"></i></div>
- <div class="right">
- <div class="right-label">{{ "0.00" + "浠�" }}</div>
- <div class="right-label">鍦ㄦ墜</div>
- </div>
- </div>
- <div class="sub-number">
- <div class="left"><i class="el-icon-present"></i></div>
- <div class="right">
- <div class="right-label">{{ "0.00" + "浠�" }}</div>
- <div class="right-label">棰勬祴</div>
- </div>
- </div>
- <div class="sub-number">
- <div class="left icon-view"><i class="el-icon-sort"></i></div>
- <div class="right">
- <div class="right-label">{{ "杩�: " + 0 }}</div>
- <div class="right-label">{{ "鍑�: " + 0 }}</div>
- </div>
- </div>
- <div class="sub-number">
- <div class="left"><i class="el-icon-refresh"></i></div>
- <div class="right">
- <div class="right-label">{{ 0 }}</div>
- <div class="right-label">閲嶈璐ц鍒�</div>
- </div>
- </div>
- <div class="sub-number">
- <div class="left"><i class="el-icon-help"></i></div>
- <div class="right">
- <div class="right-one">涓婃灦瑙勫垯</div>
- </div>
- </div>
- <div class="sub-number">
- <div class="left"><i class="el-icon-s-data"></i></div>
- <div class="right">
- <div class="right-label">{{ "0.00" + "浠�" }}</div>
- <div class="right-label">宸插敭</div>
- </div>
- </div>
- <div class="sub-number">
- <div class="left"><i class="el-icon-bank-card"></i></div>
- <div class="right">
- <div class="right-label">{{ "0.00" + "浠�" }}</div>
- <div class="right-label">宸查噰璐�</div>
- </div>
- </div>
- </div>
+ <FormBtnsView :add-product="addProduct" @inOutBoundClick="inOutBoundClick" :show-procure="showProcure" />
<div class="basic-info-view">
<el-row>
<el-col :span="20">
<div style="margin-left: 20px">浜у搧鍚嶇О</div>
<el-form-item label="" prop="client_name" label-width="20px">
- <el-input v-model="editConfig.infomation.client_name" placeholder=""></el-input>
+ <el-input
+ v-model="editConfig.infomation.client_name"
+ placeholder=""
+ :disabled="!showFooter"
+ ></el-input>
</el-form-item>
</el-col>
<el-col :span="4">
@@ -111,8 +59,12 @@
</el-col>
<el-col :span="24">
<div style="margin-left: 20px; margin-top: -30px">
- <el-checkbox v-model="marketable">鍙攢鍞�</el-checkbox>
- <el-checkbox v-model="procurable">鍙噰璐�</el-checkbox>
+ <el-checkbox v-model="marketable" :disabled="!showFooter" @change="checkboxChange('閿�鍞�', $event)"
+ >鍙攢鍞�</el-checkbox
+ >
+ <el-checkbox v-model="procurable" :disabled="!showFooter" @change="checkboxChange('閲囪喘', $event)"
+ >鍙噰璐�</el-checkbox
+ >
</div>
</el-col>
</el-row>
@@ -320,12 +272,11 @@
<div class="purchase-view">
<div class="left">
<div class="second-label">浣滀笟</div>
- <el-form-item label="璺嚎" prop="client_name" style="margin-left: 20px">
- <el-checkbox-group v-model="editConfig.infomation.type">
- <el-checkbox label="璐濇�濈渚涘簲浜у搧鏉ヨ嚜鍖椾含浠�" name="type"></el-checkbox>
- <el-checkbox label="璐濇�濈-warehouse#6:渚涘簲浜у搧鏉ヨ嚜璐濇�濈123" name="type"></el-checkbox>
- <el-checkbox label="璐濇�濈-warehouse#4:渚涘簲浜у搧鏉ヨ嚜鍖椾含浠�" name="type"></el-checkbox>
- <el-checkbox label="璐濇�濈-warehouse#4:渚涘簲浜у搧鏉ヨ嚜璐濇�濈123" name="type"></el-checkbox>
+ <el-form-item label="璺嚎" prop="checkedCities" style="margin-left: 20px">
+ <el-checkbox-group v-model="checkedCities" :min="1" :max="2">
+ <el-checkbox v-for="city in cities" :label="city" :key="city" class="list-item">{{
+ city.length > 20 ? city.substring(0, 20) + "..." : city
+ }}</el-checkbox>
</el-checkbox-group>
</el-form-item>
</div>
@@ -352,7 +303,7 @@
style="width: 85%"
:disabled="!showFooter"
></el-input>
- <span>kg</span>
+ <span> kg</span>
</el-form-item>
<el-form-item label="浣撶Н" prop="client_name" style="margin-left: 20px">
<el-input
@@ -362,7 +313,7 @@
style="width: 85%"
:disabled="!showFooter"
></el-input>
- <span>m鲁</span>
+ <span> m鲁</span>
</el-form-item>
<el-form-item label="瀹㈡埛鍓嶇疆鏃堕棿" prop="client_name" style="margin-left: 20px">
<el-input
@@ -372,7 +323,7 @@
style="width: 85%"
:disabled="!showFooter"
></el-input>
- <span>澶�</span>
+ <span> 澶�</span>
</el-form-item>
<el-form-item label="HS缂栫爜" prop="name" style="margin-left: 20px">
<el-input
@@ -461,6 +412,7 @@
<script>
import CommonFormTableView from "@/components/makepager/CommonFormTableView"
+
let inputElement = null
export default {
name: "AddProductDialog",
@@ -471,7 +423,7 @@
return {
visible: false,
title: "鏂板缓",
- infomation: {}
+ infomation: { type: [] }
}
}
}
@@ -507,7 +459,11 @@
showFooter: false, // 鏄惁鏄剧ず鍙栨秷淇濆瓨
imageSrc: "", // 鍥剧墖鍦板潃
marketable: true, // 鍙攢鍞�
- procurable: true // 鍙噰璐�
+ procurable: true, // 鍙噰璐�
+ checkedCities: ["涓婃捣", "鍖椾含"],
+ cities: ["涓婃捣瀵瑰瀵瑰瀵瑰澶氬澶氬澶氬澶氬寳浜瀵瑰瀵瑰瀵�", "鍖椾含瀵瑰瀵瑰瀵瑰澶�", "骞垮窞", "娣卞湷"],
+ addProduct: false,
+ showProcure: true
}
},
created() {
@@ -521,32 +477,12 @@
this.showButton = false
this.showEdit = false
this.showFooter = true
+ this.addProduct = true
+ } else {
+ this.showEdit = true
+ this.showFooter = false
+ this.addProduct = false
}
- // } else if (this.editConfig.infomation.status === "瀹屾垚") {
- // this.showButton = true
- // this.showEdit = false
- // this.isDelClick = true
- // this.showFooter = false
- // } else if (this.editConfig.infomation.status === "宸插彇娑�") {
- // this.showButton = true
- // this.showEdit = false
- // this.showFooter = false
- // } else {
- // this.showButton = true
- // this.showEdit = true
- // this.showFooter = false
- // }
- // if (this.editConfig.title === "鏂板缓") {
- // this.list[0].status = "active"
- // } else {
- // this.list.map((item) => {
- // if (item.label === this.editConfig.infomation.status) {
- // item.status = "active"
- // } else {
- // item.status = "todo"
- // }
- // })
- // }
},
// 鍏抽棴
handleClose() {
@@ -621,19 +557,21 @@
},
// 涓婁紶鍥剧墖
toGetImg() {
- if (inputElement === null) {
- // 鐢熸垚鏂囦欢涓婁紶鐨勬帶浠�
- inputElement = document.createElement("input")
- inputElement.setAttribute("type", "file")
- inputElement.style.display = "none"
- if (window.addEventListener) {
- inputElement.addEventListener("change", this.uploadFile, false)
- } else {
- inputElement.attachEvent("onchange", this.uploadFile)
+ if (this.showFooter) {
+ if (inputElement === null) {
+ // 鐢熸垚鏂囦欢涓婁紶鐨勬帶浠�
+ inputElement = document.createElement("input")
+ inputElement.setAttribute("type", "file")
+ inputElement.style.display = "none"
+ if (window.addEventListener) {
+ inputElement.addEventListener("change", this.uploadFile, false)
+ } else {
+ inputElement.attachEvent("onchange", this.uploadFile)
+ }
+ document.body.appendChild(inputElement)
}
- document.body.appendChild(inputElement)
+ inputElement.click()
}
- inputElement.click()
},
uploadFile(el) {
if (el && el.target && el.target.files && el.target.files.length > 0) {
@@ -661,6 +599,16 @@
//formData.append('file', files); // 鍙互浼犲埌鍚庡彴鐨勬暟鎹�
}
}
+ }
+ },
+ // 杩涘嚭鐐瑰嚮
+ inOutBoundClick() {
+ this.$router.push({ path: "/reportForm/inOutboundDetail", query: { name: "浜у搧鍚嶇О/鍑哄叆搴撴槑缁�" } })
+ },
+ // 鍙攢鍞�/鍙噰璐�
+ checkboxChange(val, param) {
+ if (val === "閲囪喘") {
+ this.showProcure = param
}
}
}
@@ -757,6 +705,9 @@
border-bottom: 1px solid #d9d9d9;
margin-bottom: 10px;
}
+ .list-item {
+ width: 300px;
+ }
.avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
border-radius: 6px;
--
Gitblit v1.8.0