From 8d0ee0a2c32c7a99afc01b0a0c795d708a9b7955 Mon Sep 17 00:00:00 2001
From: yangfeng <wanwan926_4@163.com>
Date: 星期四, 21 九月 2023 09:46:39 +0800
Subject: [PATCH] 概述和产品相关接口联调待完善

---
 src/views/productManage/product/AddProductDialog.vue |  560 +++++++++++++++++++++++++++++++------------------------
 1 files changed, 319 insertions(+), 241 deletions(-)

diff --git a/src/views/productManage/product/AddProductDialog.vue b/src/views/productManage/product/AddProductDialog.vue
index 8c68765..206aa69 100644
--- a/src/views/productManage/product/AddProductDialog.vue
+++ b/src/views/productManage/product/AddProductDialog.vue
@@ -38,27 +38,28 @@
         </div>
 
         <div class="basic-info">
-          <FormBtnsView :add-product="addProduct" @inOutBoundClick="inOutBoundClick" :show-procure="showProcure" />
+          <FormBtnsView
+            :add-product="addProduct"
+            @inOutBoundClick="inOutBoundClick"
+            :show-procure="showProcure"
+            :show-sale="showSale"
+          />
           <div class="basic-info-view">
             <el-row>
-              <el-col :span="20">
+              <el-col :span="23">
                 <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=""
-                    :disabled="!showFooter"
-                  ></el-input>
+                <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-col> -->
+              <!-- <el-col :span="24">
+                <div style="margin-left: 20px">
                   <el-checkbox v-model="marketable" :disabled="!showFooter" @change="checkboxChange('閿�鍞�', $event)"
                     >鍙攢鍞�</el-checkbox
                   >
@@ -66,144 +67,135 @@
                     >鍙噰璐�</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="sale"></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>鍙偍瀛樼殑浜у搧鏄偍绠$悊搴撳瓨姘村钩鐨勫疄鐗╅」鐩��</div>
+                    <div>鎮ㄥ彲浠ュ湪鍙戣揣鍓嶄负鍏跺紑鍏风粨绠楀崟銆�</div>
                   </el-form-item>
-                  <el-form-item label="鐗╂枡绫诲瀷" prop="model">
+                  <el-form-item label="鐗╂枡绫诲瀷" prop="model" style="margin-left: 20px">
                     <el-select
-                      v-model="form.model"
+                      v-model="editConfig.infomation.model"
                       placeholder="璇烽�夋嫨"
                       filterable
                       clearable
-                      style="width: 100%"
+                      style="width: 85%"
                       :popper-append-to-body="false"
                     >
                       <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="unit">
-                    <el-input v-model="form.unit" placeholder="璇疯緭鍏�"></el-input>
+                  <el-form-item label="鍗曚綅" prop="unit" style="margin-left: 20px">
+                    <el-input v-model="editConfig.infomation.unit" placeholder="璇疯緭鍏�" style="width: 85%"></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-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"
+                    ></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%"
@@ -214,41 +206,193 @@
               </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 === 'sale'">
+            <!-- 搴撳瓨 -->
+            <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">
-                  <div class="second-label">{{ "鍔犲敭&浜ゅ弶閿�鍞�" }}</div>
-                  <el-form-item label="鍙�変骇鍝�" prop="checkedCities" style="margin-left: 20px">
+                  <el-form-item label="璐熻矗浜�" prop="principal" style="margin-left: 20px" label-width="80px">
                     <el-select
-                      v-model="editConfig.infomation.memberId"
+                      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%"
+                    ></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%"
+                    ></el-input-number>
+                    <span> m鲁</span>
+                  </el-form-item>
+                </div>
+                <div class="right">
+                  <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="2"
+                      :controls="false"
+                      style="width: 85%"
+                    ></el-input-number>
+                    <span> 澶╂暟</span>
+                  </el-form-item>
+                  <el-form-item label="鐢熶骇璁㈠崟鍑嗗澶╂暟" prop="name" style="margin-left: 20px" label-width="130px">
+                    <el-input-number
+                      v-model="editConfig.infomation.customerTaxes"
+                      placeholder="璇疯緭鍏�"
+                      :min="0"
+                      :precision="2"
+                      :controls="false"
+                      style="width: 85%"
+                    ></el-input-number>
+                    <span> 澶╂暟</span>
+                  </el-form-item>
+                  <el-form-item label="瀹㈡埛鍓嶇疆鏃堕棿" prop="aaa" style="margin-left: 20px" label-width="130px">
+                    <el-select
+                      v-model="editConfig.infomation.aaa"
                       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 v-for="item in aaaOptions" :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="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="desc" style="margin-left: 20px" label-width="20px">
+                  <el-form-item label="" prop="sellExplain" style="margin-left: 20px" label-width="20px">
                     <el-input
-                      v-model.trim="editConfig.infomation.desc"
+                      v-model.trim="editConfig.infomation.sellExplain"
                       size="mini"
                       type="textarea"
                       style="width: 85%"
@@ -259,9 +403,9 @@
                 </div>
                 <div class="right"></div>
               </div>
-            </div>
+            </div> -->
             <!-- 閲囪喘 -->
-            <div v-if="activeName === 'second'">
+            <!-- <div v-if="activeName === 'second'">
               <CommonFormTableView
                 :product-table-list="productTableList"
                 :detail-enter="!showFooter"
@@ -316,137 +460,7 @@
                   </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="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>
-                <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>
@@ -461,7 +475,9 @@
 </template>
 
 <script>
-import CommonFormTableView from "@/components/makepager/CommonFormTableView"
+// import CommonFormTableView from "@/components/makepager/CommonFormTableView"
+import { getProductCategoryList } from "@/api/product/productCategory"
+import { getProductList, addProduct } from "@/api/product/product"
 
 let inputElement = null
 export default {
@@ -478,7 +494,7 @@
       }
     }
   },
-  components: { CommonFormTableView },
+  components: {},
   computed: {},
   data() {
     return {
@@ -491,14 +507,23 @@
         memberId: [{ required: true, message: "璇烽�夋嫨閿�鍞礋璐d汉", trigger: "change" }],
         sale_return_nunber: [{ required: true, message: "璇烽�夋嫨閿�鍞��璐у崟", trigger: "change" }]
       },
-      memberOptions: [],
-      paymentTypeListOptions: [],
-      numberList: [
-        { label: "鑽夌", status: "todo" },
-        { label: "姝e湪绛夊緟", status: "todo" },
-        { label: "灏辩华", status: "todo" },
-        { label: "瀹屾垚", status: "todo" }
+      memberOptions: [
+        {
+          name: "admin",
+          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: {},
@@ -510,10 +535,11 @@
       imageSrc: "", // 鍥剧墖鍦板潃
       marketable: true, // 鍙攢鍞�
       procurable: true, // 鍙噰璐�
-      checkedCities: ["涓婃捣", "鍖椾含"],
-      cities: ["涓婃捣瀵瑰瀵瑰瀵瑰澶氬澶氬澶氬澶氬寳浜瀵瑰瀵瑰瀵�", "鍖椾含瀵瑰瀵瑰瀵瑰澶�", "骞垮窞", "娣卞湷"],
+      checkedRoute: [],
+      route: ["鍒堕��", "娌虫睜鐢熶骇鍒堕�犱粨"],
       addProduct: false,
       showProcure: true,
+      showSale: true,
       materialTypeList: [
         {
           name: "鍘熸潗鏂�",
@@ -543,10 +569,42 @@
     }
   },
   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 === "鏂板缓") {
@@ -572,7 +630,19 @@
       this.setTableForm()
     },
     // 淇濆瓨
-    saveClick() {},
+    async saveClick() {
+      console.log(this.editConfig.infomation)
+      await addProduct({
+        ...this.editConfig.infomation
+      }).then((res) => {
+        console.log(res)
+        this.editConfig.visible = false
+        if (res.code === 200) {
+          this.$message.success("娣诲姞鎴愬姛")
+          this.$parent.getData()
+        }
+      })
+    },
     // 鍒犻櫎
     delClick() {},
     setTableForm() {
@@ -679,12 +749,16 @@
     },
     // 杩涘嚭鐐瑰嚮
     inOutBoundClick() {
-      this.$router.push({ path: "/reportForm/inOutboundDetail", query: { name: "浜у搧鍚嶇О/鍑哄叆搴撴槑缁�" } })
+      if (this.editConfig.title !== "鏂板缓") {
+        this.$router.push({ path: "/reportForm/inOutboundDetail", query: { name: "浜у搧鍚嶇О/鍑哄叆搴撴槑缁�" } })
+      }
     },
     // 鍙攢鍞�/鍙噰璐�
     checkboxChange(val, param) {
       if (val === "閲囪喘") {
         this.showProcure = param
+      } else if (val === "閿�鍞�") {
+        this.showSale = param
       }
     }
   }
@@ -775,9 +849,13 @@
     .right {
       width: 50%;
     }
+    .all {
+      width: 100%;
+    }
   }
   .second-label {
     margin-left: 20px;
+    margin-right: 20px;
     border-bottom: 1px solid #d9d9d9;
     margin-bottom: 10px;
   }

--
Gitblit v1.8.0