From e4b192185eae1d8311743bb30c163295a3a9b393 Mon Sep 17 00:00:00 2001
From: zzq <a13193816592@163.com>
Date: 星期三, 27 九月 2023 20:59:36 +0800
Subject: [PATCH] "searchCommonView冲突解决"
---
src/views/productManage/product/AddProductDialog.vue | 758 +++++++++++++++++++++++++++++++++------------------------
1 files changed, 434 insertions(+), 324 deletions(-)
diff --git a/src/views/productManage/product/AddProductDialog.vue b/src/views/productManage/product/AddProductDialog.vue
index 022c0c6..b939663 100644
--- a/src/views/productManage/product/AddProductDialog.vue
+++ b/src/views/productManage/product/AddProductDialog.vue
@@ -32,209 +32,176 @@
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"
+ :show-sale="showSale"
+ />
<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-col :span="23">
+ <div style="margin-left: 20px"><span style="color: #f56c6c">*</span>浜у搧鍚嶇О</div>
+ <el-form-item label="" prop="name" label-width="20px">
+ <el-input v-model="editConfig.infomation.name" placeholder="" :disabled="!showFooter"></el-input>
</el-form-item>
</el-col>
- <el-col :span="4">
+ <!-- <el-col :span="4">
<div class="upload" @click="toGetImg">
<img v-if="imageSrc" :src="imageSrc" style="height: 90px; width: 90px" />
<div v-else class="upload-icon"><i class="el-icon-plus"></i></div>
</div>
- </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-col> -->
+ <!-- <el-col :span="24">
+ <div style="margin-left: 20px">
+ <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-col> -->
</el-row>
</div>
<div class="bottom">
<el-tabs v-model="activeName" type="card">
<el-tab-pane label="鍩烘湰淇℃伅" name="first"></el-tab-pane>
- <el-tab-pane label="閲囪喘" name="second"></el-tab-pane>
+ <!-- <el-tab-pane label="閿�鍞�" name="sale"></el-tab-pane>
+ <el-tab-pane label="閲囪喘" name="second"></el-tab-pane> -->
<el-tab-pane label="搴撳瓨" name="third"></el-tab-pane>
- <el-tab-pane label="浼氳" name="four"></el-tab-pane>
+ <!-- <el-tab-pane label="浼氳" name="four"></el-tab-pane> -->
</el-tabs>
<!-- 鍩烘湰淇℃伅 -->
<div v-if="activeName === 'first'">
<div class="purchase-view">
<div class="left">
- <el-form-item label="浜у搧绫诲瀷" prop="client_name" style="margin-left: 20px">
+ <el-form-item label="浜у搧绫诲瀷" prop="productType" style="margin-left: 20px">
<el-select
- v-model="editConfig.infomation.memberId"
+ v-model="editConfig.infomation.productType"
placeholder="璇烽�夋嫨"
size="mini"
style="width: 85%"
:disabled="!showFooter"
>
- <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id">
+ <el-option v-for="item in productTypeOptions" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
</el-form-item>
- <el-form-item label="寮�绁ㄧ瓥鐣�" prop="client_name" style="margin-left: 20px">
+ <el-form-item label="寮�绁ㄧ瓥鐣�" prop="invoicingStrategy" style="margin-left: 20px">
<el-select
- v-model="editConfig.infomation.memberId"
+ v-model="editConfig.infomation.invoicingStrategy"
placeholder="璇烽�夋嫨"
size="mini"
style="width: 85%"
:disabled="!showFooter"
>
- <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id">
+ <el-option v-for="item in strategyOptions" :key="item.id" :label="item.name" :value="item.id">
+ </el-option>
+ </el-select>
+ <div class="font_size_13" style="color: gray">鍙偍瀛樼殑浜у搧鏄偍绠＄悊搴撳瓨姘村钩鐨勫疄鐗╅」鐩��</div>
+ <div class="font_size_13" style="color: gray">鎮ㄥ彲浠ュ湪鍙戣揣鍓嶄负鍏跺紑鍏风粨绠楀崟銆�</div>
+ </el-form-item>
+ <el-form-item label="鐗╂枡绫诲瀷" prop="model" style="margin-left: 20px">
+ <el-select
+ v-model="editConfig.infomation.model"
+ placeholder="璇烽�夋嫨"
+ filterable
+ clearable
+ style="width: 85%"
+ :popper-append-to-body="false"
+ :disabled="!showFooter"
+ >
+ <el-option v-for="item in materialTypeList" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
</el-form-item>
- <el-form-item label="浜у搧绫诲埆" prop="client_name" style="margin-left: 20px">
- <el-select
- v-model="editConfig.infomation.memberId"
- placeholder="璇烽�夋嫨"
- size="mini"
+ <el-form-item label="鍗曚綅" prop="unit" style="margin-left: 20px">
+ <el-input
+ v-model="editConfig.infomation.unit"
+ placeholder="璇疯緭鍏�"
style="width: 85%"
:disabled="!showFooter"
- >
- <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id">
- </el-option>
- </el-select>
+ ></el-input>
</el-form-item>
- <el-form-item label="浜у搧鏍囩" prop="client_name" style="margin-left: 20px">
- <el-select
- v-model="editConfig.infomation.memberId"
- placeholder="璇烽�夋嫨"
- size="mini"
+ <el-form-item label="浜у搧鏍囩" prop="productTagName" style="margin-left: 20px">
+ <el-input
+ v-model="editConfig.infomation.productTagName"
+ placeholder="璇疯緭鍏�"
style="width: 85%"
:disabled="!showFooter"
- >
- <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="鍏徃" prop="client_name" style="margin-left: 20px">
- <el-select
- v-model="editConfig.infomation.memberId"
- placeholder="璇烽�夋嫨"
- size="mini"
- style="width: 85%"
- :disabled="!showFooter"
- >
- <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id">
- </el-option>
- </el-select>
+ ></el-input>
</el-form-item>
</div>
<div class="right">
- <el-form-item label="閿�鍞环鏍�" prop="name" style="margin-left: 20px">
+ <el-form-item label="閿�鍞环鏍�" prop="salePrice" style="margin-left: 20px">
<span>锟�</span>
- <el-input
- v-model.trim="editConfig.infomation.name"
+ <el-input-number
+ v-model.trim="editConfig.infomation.salePrice"
placeholder="璇疯緭鍏�"
+ :min="0"
+ :controls="false"
size="mini"
- style="width: 85%"
+ style="width: 81%"
:disabled="!showFooter"
- ></el-input>
+ ></el-input-number>
</el-form-item>
- <el-form-item label="閿�椤圭◣" prop="client_name" style="margin-left: 20px">
+ <el-form-item label="閿�椤圭◣" prop="customerTaxes" style="margin-left: 20px">
+ <el-input-number
+ v-model="editConfig.infomation.customerTaxes"
+ placeholder="璇疯緭鍏�"
+ :min="0"
+ :controls="false"
+ style="width: 85%; margin-right: 5px"
+ :disabled="!showFooter"
+ ></el-input-number>
+ </el-form-item>
+ <el-form-item label="鎴愭湰" prop="cost" style="margin-left: 20px">
+ <span>锟�</span>
+ <el-input-number
+ v-model.trim="editConfig.infomation.cost"
+ placeholder="璇疯緭鍏�"
+ :min="0"
+ :controls="false"
+ size="mini"
+ style="width: 81%"
+ :disabled="!showFooter"
+ ></el-input-number>
+ </el-form-item>
+ <el-form-item label="浜у搧绫诲埆" prop="categoryId" style="margin-left: 20px">
<el-select
- v-model="editConfig.infomation.memberId"
- multiple
+ v-model="editConfig.infomation.categoryId"
placeholder="璇烽�夋嫨"
size="mini"
style="width: 85%"
:disabled="!showFooter"
>
- <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id">
+ <el-option
+ v-for="item in productCategoryOptions"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id"
+ >
</el-option>
</el-select>
</el-form-item>
- <el-form-item label="鎴愭湰" prop="name" style="margin-left: 20px">
- <span>锟�</span>
+ <el-form-item label="鍐呴儴鍙傝��" prop="internalReference" style="margin-left: 20px">
<el-input
- v-model.trim="editConfig.infomation.name"
+ v-model.trim="editConfig.infomation.internalReference"
placeholder="璇疯緭鍏�"
size="mini"
style="width: 85%"
:disabled="!showFooter"
></el-input>
</el-form-item>
- <el-form-item label="鍐呴儴鍙傝��" prop="name" style="margin-left: 20px">
+ <el-form-item label="鏉＄爜" prop="barcode" style="margin-left: 20px">
<el-input
- v-model.trim="editConfig.infomation.name"
- placeholder="璇疯緭鍏�"
- size="mini"
- style="width: 85%"
- :disabled="!showFooter"
- ></el-input>
- </el-form-item>
- <el-form-item label="鏉＄爜" prop="name" style="margin-left: 20px">
- <el-input
- v-model.trim="editConfig.infomation.name"
+ v-model.trim="editConfig.infomation.barcode"
placeholder="璇疯緭鍏�"
size="mini"
style="width: 85%"
@@ -245,21 +212,218 @@
</div>
<div class="all">
<div class="second-label">鍐呴儴璇存槑</div>
- <el-form-item label="" prop="name" style="margin-left: 20px" label-width="0px">
+ <el-form-item label="" prop="internalNotes" style="margin-left: 20px" label-width="0px">
<el-input
- v-model.trim="editConfig.infomation.desc"
+ v-model.trim="editConfig.infomation.internalNotes"
placeholder="璇疯緭鍏�"
size="mini"
type="textarea"
- style="width: 100%"
+ style="width: 95%"
:autosize="{ minRows: 4 }"
:disabled="!showFooter"
></el-input>
</el-form-item>
</div>
</div>
+ <!-- 搴撳瓨 -->
+ <div v-if="activeName === 'third'">
+ <div class="purchase-view">
+ <div class="all">
+ <div class="second-label">鐗╂祦</div>
+ </div>
+ </div>
+ <div class="purchase-view">
+ <!-- <div class="left">
+ <div class="second-label">鎿嶄綔</div>
+ <el-form-item label="璺嚎" prop="checkedRoute" style="margin-left: 20px">
+ <el-checkbox-group v-model="checkedRoute" :min="1" :max="2">
+ <el-checkbox v-for="city in route" :label="city" :key="city" class="list-item">{{
+ city.length > 20 ? city.substring(0, 20) + "..." : city
+ }}</el-checkbox>
+ </el-checkbox-group>
+ </el-form-item>
+ </div> -->
+ <div class="left">
+ <el-form-item label="璐熻矗浜�" prop="principal" style="margin-left: 20px" label-width="80px">
+ <el-select
+ v-model="editConfig.infomation.principal"
+ placeholder="璇烽�夋嫨"
+ size="mini"
+ style="width: 85%"
+ :disabled="!showFooter"
+ >
+ <el-option v-for="item in memberOptions" :key="item.id" :label="item.name" :value="item.name">
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <el-form-item label="閲嶉噺" prop="weight" style="margin-left: 20px" label-width="80px">
+ <el-input-number
+ v-model="editConfig.infomation.weight"
+ placeholder="璇疯緭鍏�"
+ :min="0"
+ :precision="2"
+ :controls="false"
+ style="width: 85%"
+ :disabled="!showFooter"
+ ></el-input-number>
+ <span> kg</span>
+ </el-form-item>
+ <el-form-item label="浣撶Н" prop="volume" style="margin-left: 20px" label-width="80px">
+ <el-input-number
+ v-model="editConfig.infomation.volume"
+ placeholder="璇疯緭鍏�"
+ :min="0"
+ :precision="2"
+ :controls="false"
+ style="width: 85%"
+ :disabled="!showFooter"
+ ></el-input-number>
+ <span> m鲁</span>
+ </el-form-item>
+ </div>
+ <div class="right">
+ <el-form-item
+ label="鍒堕�犲墠缃椂闂�"
+ prop="makeAdvanceTime"
+ style="margin-left: 20px"
+ label-width="130px"
+ >
+ <el-input-number
+ v-model="editConfig.infomation.makeAdvanceTime"
+ placeholder="璇疯緭鍏�"
+ :min="0"
+ :precision="0"
+ :controls="false"
+ style="width: 85%"
+ :disabled="!showFooter"
+ ></el-input-number>
+ <span> 澶╂暟</span>
+ </el-form-item>
+ <el-form-item
+ label="鐢熶骇璁㈠崟鍑嗗澶╂暟"
+ prop="orderAdvanceTime"
+ style="margin-left: 20px"
+ label-width="130px"
+ >
+ <el-input-number
+ v-model="editConfig.infomation.orderAdvanceTime"
+ placeholder="璇疯緭鍏�"
+ :min="0"
+ :precision="0"
+ :controls="false"
+ style="width: 85%"
+ :disabled="!showFooter"
+ ></el-input-number>
+ <span> 澶╂暟</span>
+ </el-form-item>
+ <el-form-item
+ label="瀹㈡埛鍓嶇疆鏃堕棿"
+ prop="deliveryAdvanceTime"
+ style="margin-left: 20px"
+ label-width="130px"
+ >
+ <el-input-number
+ v-model="editConfig.infomation.deliveryAdvanceTime"
+ placeholder="璇疯緭鍏�"
+ :min="0"
+ :precision="0"
+ :controls="false"
+ style="width: 85%"
+ :disabled="!showFooter"
+ ></el-input-number>
+ <span> 澶�</span>
+ </el-form-item>
+ </div>
+ </div>
+ <div class="purchase-view">
+ <div class="left">
+ <div class="second-label">鏀惰揣璇存槑</div>
+ <el-form-item label="" prop="inStorageExplain" style="margin-left: 20px" label-width="0px">
+ <el-input
+ v-model.trim="editConfig.infomation.inStorageExplain"
+ placeholder="姝よ鏄庢坊鍔犲埌鏀惰揣璁㈠崟涓�(渚嬪锛屼骇鍝佸湪浠撳簱鐨勫瓨鍌ㄤ綅缃�)"
+ size="mini"
+ type="textarea"
+ style="width: 95%"
+ :autosize="{ minRows: 4 }"
+ :disabled="!showFooter"
+ ></el-input>
+ </el-form-item>
+ </div>
+ <div class="right">
+ <div class="second-label">鍑哄簱鍗曡鏄�</div>
+ <el-form-item label="" prop="outStorageExplain" style="margin-left: 20px" label-width="0px">
+ <el-input
+ v-model.trim="editConfig.infomation.outStorageExplain"
+ placeholder="姝ら�氱煡宸叉坊鍔犲埌閫佽揣鍗曚腑"
+ size="mini"
+ type="textarea"
+ style="width: 95%"
+ :autosize="{ minRows: 4 }"
+ :disabled="!showFooter"
+ ></el-input>
+ </el-form-item>
+ </div>
+ </div>
+ <div class="purchase-view">
+ <div class="left">
+ <div class="second-label">鍐呴儴璋冩嫧璇存槑</div>
+ <el-form-item label="" prop="internalTransferExplain" style="margin-left: 20px" label-width="0px">
+ <el-input
+ v-model.trim="editConfig.infomation.internalTransferExplain"
+ placeholder="姝よ鏄庢坊鍔犲埌鍐呴儴璋冩嫧璁㈠崟涓�(渚嬪锛屽湪浠撳簱涓綍澶勬彁鍙栦骇鍝�)"
+ size="mini"
+ type="textarea"
+ style="width: 100%"
+ :autosize="{ minRows: 4 }"
+ :disabled="!showFooter"
+ ></el-input>
+ </el-form-item>
+ </div>
+ <div class="right"></div>
+ </div>
+ </div>
+ <!-- 涓嬮潰涓嶈鍒� 浜屾湡鎴栦笁鏈熶細鐢ㄥ埌 -->
+ <!-- 閿�鍞� -->
+ <!-- <div v-if="activeName === 'sale'">
+ <div class="purchase-view">
+ <div class="left">
+ <div class="second-label">{{ "鍔犲敭&浜ゅ弶閿�鍞�" }}</div>
+ <el-form-item label="鍙�変骇鍝�" prop="selectProduct" style="margin-left: 20px">
+ <el-select
+ v-model="editConfig.infomation.selectProduct"
+ multiple
+ placeholder="璇烽�夋嫨"
+ size="mini"
+ style="width: 85%"
+ :disabled="!showFooter"
+ >
+ <el-option
+ v-for="item in selectProductOptions"
+ :key="item.id"
+ :label="item.name"
+ :value="item.id"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ <div class="second-label">閿�鍞鏄�</div>
+ <el-form-item label="" prop="sellExplain" style="margin-left: 20px" label-width="20px">
+ <el-input
+ v-model.trim="editConfig.infomation.sellExplain"
+ size="mini"
+ type="textarea"
+ style="width: 85%"
+ :autosize="{ minRows: 2 }"
+ :disabled="!showFooter"
+ ></el-input>
+ </el-form-item>
+ </div>
+ <div class="right"></div>
+ </div>
+ </div> -->
<!-- 閲囪喘 -->
- <div v-if="activeName === 'second'">
+ <!-- <div v-if="activeName === 'second'">
<CommonFormTableView
:product-table-list="productTableList"
:detail-enter="!showFooter"
@@ -314,144 +478,12 @@
</el-form-item>
</div>
</div>
- </div>
- <!-- 搴撳瓨 -->
- <div v-if="activeName === 'third'">
- <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-checkbox-group>
- </el-form-item>
- </div>
- <div class="right">
- <div class="second-label">鐗╂祦</div>
- <el-form-item label="璐熻矗浜�" prop="name" style="margin-left: 20px">
- <el-select
- v-model="editConfig.infomation.memberId"
- multiple
- placeholder="璇烽�夋嫨"
- size="mini"
- style="width: 85%"
- :disabled="!showFooter"
- >
- <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- <el-form-item label="閲嶉噺" prop="client_name" style="margin-left: 20px">
- <el-input
- v-model.trim="editConfig.infomation.name"
- placeholder="璇疯緭鍏�"
- size="mini"
- style="width: 85%"
- :disabled="!showFooter"
- ></el-input>
- <span>kg</span>
- </el-form-item>
- <el-form-item label="浣撶Н" prop="client_name" style="margin-left: 20px">
- <el-input
- v-model.trim="editConfig.infomation.name"
- placeholder="璇疯緭鍏�"
- size="mini"
- style="width: 85%"
- :disabled="!showFooter"
- ></el-input>
- <span>m鲁</span>
- </el-form-item>
- <el-form-item label="瀹㈡埛鍓嶇疆鏃堕棿" prop="client_name" style="margin-left: 20px">
- <el-input
- v-model.trim="editConfig.infomation.name"
- placeholder="璇疯緭鍏�"
- size="mini"
- style="width: 85%"
- :disabled="!showFooter"
- ></el-input>
- <span>澶�</span>
- </el-form-item>
- <el-form-item label="HS缂栫爜" prop="name" style="margin-left: 20px">
- <el-input
- v-model.trim="editConfig.infomation.name"
- placeholder="璇疯緭鍏�"
- size="mini"
- style="width: 85%"
- :disabled="!showFooter"
- ></el-input>
- </el-form-item>
- <el-form-item label="璐х墿鍘熶骇鍦�" prop="name" style="margin-left: 20px">
- <el-select
- v-model="editConfig.infomation.memberId"
- multiple
- placeholder="璇烽�夋嫨"
- size="mini"
- style="width: 85%"
- :disabled="!showFooter"
- >
- <el-option v-for="item in memberOptions" :key="item.id" :label="item.username" :value="item.id">
- </el-option>
- </el-select>
- </el-form-item>
- </div>
- </div>
- <div class="purchase-view">
- <div class="left">
- <div class="second-label">鏀惰揣璇存槑</div>
- <el-form-item label="" prop="name" style="margin-left: 20px" label-width="0px">
- <el-input
- v-model.trim="editConfig.infomation.desc"
- placeholder="姝よ鏄庢坊鍔犲埌鏀惰揣璁㈠崟涓�"
- size="mini"
- type="textarea"
- style="width: 100%"
- :autosize="{ minRows: 4 }"
- :disabled="!showFooter"
- ></el-input>
- </el-form-item>
- </div>
- <div class="right">
- <div class="second-label">鍑哄簱鍗曡鏄�</div>
- <el-form-item label="" prop="name" style="margin-left: 20px" label-width="0px">
- <el-input
- v-model.trim="editConfig.infomation.desc"
- placeholder="璇疯緭鍏�"
- size="mini"
- type="textarea"
- style="width: 100%"
- :autosize="{ minRows: 4 }"
- :disabled="!showFooter"
- ></el-input>
- </el-form-item>
- </div>
- </div>
- <div class="purchase-view">
- <div class="left">
- <div class="second-label">鍐呴儴璋冩嫧璇存槑</div>
- <el-form-item label="" prop="name" style="margin-left: 20px" label-width="0px">
- <el-input
- v-model.trim="editConfig.infomation.desc"
- placeholder="璇疯緭鍏�"
- size="mini"
- type="textarea"
- style="width: 100%"
- :autosize="{ minRows: 4 }"
- :disabled="!showFooter"
- ></el-input>
- </el-form-item>
- </div>
- <div class="right"></div>
- </div>
- </div>
+ </div> -->
</div>
</div>
</el-form>
<!-- 灏� -->
<div v-if="showFooter" slot="footer" class="dialog-footer">
- <!-- <el-button type="primary" size="small" @click="editConfig.visible = false">淇濆苟鎻愪氦瀹℃壒</el-button> -->
<el-button type="primary" size="small" @click="saveClick('form')">淇濆瓨</el-button>
<el-button size="small" @click="editConfig.visible = false">鍙栨秷</el-button>
</div>
@@ -460,7 +492,10 @@
</template>
<script>
-import CommonFormTableView from "@/components/makepager/CommonFormTableView"
+// import CommonFormTableView from "@/components/makepager/CommonFormTableView"
+import { getProductCategoryList } from "@/api/product/productCategory"
+import { getProductList, addProduct, updateProduct } from "@/api/product/product"
+
let inputElement = null
export default {
name: "AddProductDialog",
@@ -476,77 +511,105 @@
}
}
},
- components: { CommonFormTableView },
+ components: {},
computed: {},
data() {
return {
dialogWidth: "50%",
editConfig: this.editCommonConfig,
rules: {
- client_name: [{ required: true, message: "璇烽�夋嫨瀹㈡埛鍚嶇О", trigger: "change" }],
- number: [{ required: true, message: "璇疯緭鍏ラ��娆惧崟缂栧彿", trigger: "blur" }],
- refundDate: [{ required: true, message: "璇烽�夋嫨閫�娆炬棩鏈�", trigger: "change" }],
- memberId: [{ required: true, message: "璇烽�夋嫨閿�鍞礋璐ｄ汉", trigger: "change" }],
- sale_return_nunber: [{ required: true, message: "璇烽�夋嫨閿�鍞��璐у崟", trigger: "change" }]
+ name: [{ required: true, message: "璇疯緭鍏ヤ骇鍝佸悕绉�", trigger: "blur" }],
+ model: [{ required: true, message: "璇烽�夋嫨鐗╂枡绫诲瀷", trigger: "change" }],
+ salePrice: [{ required: true, message: "璇疯緭鍏ラ攢鍞环鏍�", trigger: "blur" }],
+ unit: [{ required: true, message: "璇疯緭鍏ュ崟浣�", trigger: "blur" }]
},
- memberOptions: [],
- paymentTypeListOptions: [],
- numberList: [
- { label: "鑽夌", status: "todo" },
- { label: "姝ｅ湪绛夊緟", status: "todo" },
- { label: "灏辩华", status: "todo" },
- { label: "瀹屾垚", status: "todo" }
- ],
+ memberOptions: [{ name: "绠＄悊鍛�", id: 1 }],
+ productCategoryOptions: [], // 浜у搧绫诲埆
+ productTypeOptions: [
+ { name: "鑳芥秷鑰�", id: 1 },
+ { name: "鏈嶅姟", id: 2 },
+ { name: "鍙簱瀛樹骇鍝�", id: 3 }
+ ], // 浜у搧绫诲瀷
+ strategyOptions: [
+ { name: "璁㈣喘鏁伴噺", id: 1 },
+ { name: "浜や粯鏁伴噺", id: 2 }
+ ], // 寮�绁ㄧ瓥鐣�
+ selectProductOptions: [], // 鍙�変骇鍝�
showButton: true,
activeName: "first",
productTableList: {},
- tableData: [{ name: "ssss" }],
+ tableData: [],
isNoProduct: false, // 娣诲姞鏄庣粏琛屾椂鏄惁鏈変骇鍝佹湭閫夋嫨
showEdit: false, // 鏄惁鏄剧ず缂栬緫鎸夐挳
isDelClick: false, // 鍒犻櫎鎸夐挳鏄惁鍙偣鍑�
showFooter: false, // 鏄惁鏄剧ず鍙栨秷淇濆瓨
imageSrc: "", // 鍥剧墖鍦板潃
marketable: true, // 鍙攢鍞�
- procurable: true // 鍙噰璐�
+ procurable: true, // 鍙噰璐�
+ checkedRoute: [],
+ route: ["鍒堕��", "娌虫睜鐢熶骇鍒堕�犱粨"],
+ addProduct: false,
+ showProcure: true,
+ showSale: true,
+ materialTypeList: [
+ { name: "鍘熸潗鏂�", id: "鍘熸潗鏂�" },
+ { name: "鍗婃垚鍝�", id: "鍗婃垚鍝�" },
+ { name: "鎴愬搧", id: "鎴愬搧" },
+ { name: "杈呮枡", id: "杈呮枡" },
+ { name: "鑰楁潗", id: "鑰楁潗" },
+ { name: "鍏朵粬", id: "鍏朵粬" }
+ ]
}
},
created() {
+ this.getProductCategoryList()
+ this.getProductList()
this.setTableForm()
this.setBottonView()
},
methods: {
+ // 鑾峰彇浜у搧绫诲埆
+ async getProductCategoryList() {
+ await getProductCategoryList({
+ keyWord: "",
+ page: 0,
+ pageSize: 0
+ }).then((res) => {
+ if (res.code === 200) {
+ this.productCategoryOptions = res.data
+ }
+ })
+ },
+ // 鑾峰彇鍙�変骇鍝�
+ async getProductList() {
+ await getProductList({
+ keyWord: "",
+ page: 1,
+ pageSize: 20
+ }).then((res) => {
+ if (res.code === 200) {
+ const list = res.data.map((item) => {
+ return {
+ id: item.id,
+ name: item.name
+ }
+ })
+ this.selectProductOptions = list || []
+ }
+ })
+ },
// 璁剧疆鍒犻櫎/鎵撳嵃/缂栬緫鏄惁鏄剧ず
setBottonView() {
if (this.editConfig.title === "鏂板缓") {
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() {
@@ -560,7 +623,24 @@
this.setTableForm()
},
// 淇濆瓨
- saveClick() {},
+ saveClick(formName) {
+ console.log(this.editConfig.infomation)
+ this.$refs[formName].validate((valid) => {
+ if (valid) {
+ let requestUrl = this.editConfig.title === "鏂板缓" ? addProduct : updateProduct
+ requestUrl({
+ ...this.editConfig.infomation
+ }).then((res) => {
+ console.log(res)
+ this.editConfig.visible = false
+ if (res.code === 200) {
+ this.$message.success("娣诲姞鎴愬姛")
+ this.$parent.getData()
+ }
+ })
+ }
+ })
+ },
// 鍒犻櫎
delClick() {},
setTableForm() {
@@ -621,19 +701,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 +743,24 @@
//formData.append('file', files); // 鍙互浼犲埌鍚庡彴鐨勬暟鎹�
}
}
+ }
+ },
+ // 杩涘嚭鐐瑰嚮
+ inOutBoundClick() {
+ if (this.editConfig.title !== "鏂板缓") {
+ console.log(this.editConfig.infomation)
+ this.$router.push({
+ name: "inOutboundDetail",
+ params: { name: this.editConfig.infomation.name, id: this.editConfig.infomation.id }
+ })
+ }
+ },
+ // 鍙攢鍞�/鍙噰璐�
+ checkboxChange(val, param) {
+ if (val === "閲囪喘") {
+ this.showProcure = param
+ } else if (val === "閿�鍞�") {
+ this.showSale = param
}
}
}
@@ -751,11 +851,18 @@
.right {
width: 50%;
}
+ .all {
+ width: 100%;
+ }
}
.second-label {
margin-left: 20px;
+ margin-right: 20px;
border-bottom: 1px solid #d9d9d9;
margin-bottom: 10px;
+ }
+ .list-item {
+ width: 100%;
}
.avatar-uploader .el-upload {
border: 1px dashed #d9d9d9;
@@ -800,5 +907,8 @@
line-height: 30px;
font-size: 13px;
}
+ .el-input__inner {
+ text-align: left;
+ }
}
</style>
--
Gitblit v1.8.0