From a5e48419d4e75de470360a04d16bbcdd1ae1dd6c Mon Sep 17 00:00:00 2001
From: dy-hu <dy-hu@haihangyun.com>
Date: Fri, 5 Jul 2024 16:52:28 +0800
Subject: [PATCH] =?UTF-8?q?=E5=95=86=E5=AE=B6=E7=AB=AF=E5=89=8D=E7=AB=AF?=
 =?UTF-8?q?=E5=BA=93=E5=AD=98=E7=AE=A1=E7=90=86=E5=95=86=E5=93=81=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E6=96=B0=E5=A2=9E=E5=95=86=E5=93=81=E5=BC=B9=E6=A1=86?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E5=86=85=E5=AE=B9=E6=98=BE=E7=A4=BA=E3=80=81?=
 =?UTF-8?q?=E5=95=86=E5=93=81=E6=90=9C=E7=B4=A2=E9=80=89=E6=8B=A9=E4=B8=9A?=
 =?UTF-8?q?=E5=8A=A1=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/search.png       | Bin 0 -> 2249 bytes
 src/views/stock/stocknote/Edit.vue | 287 ++++++++++++++++++++++++++++---------
 2 files changed, 216 insertions(+), 71 deletions(-)
 create mode 100644 src/assets/images/search.png

diff --git a/src/assets/images/search.png b/src/assets/images/search.png
new file mode 100644
index 0000000000000000000000000000000000000000..857f681c09ddcaf1e8c07e507eddcdb137daa3f8
GIT binary patch
literal 2249
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
X{bC+=Qd^_h00000NkvXXu0mjf;JQJ#

literal 0
HcmV?d00001

diff --git a/src/views/stock/stocknote/Edit.vue b/src/views/stock/stocknote/Edit.vue
index e72281c..a7ff8a6 100644
--- a/src/views/stock/stocknote/Edit.vue
+++ b/src/views/stock/stocknote/Edit.vue
@@ -1,18 +1,19 @@
 <template>
-  <el-dialog
-    :close-on-click-modal="false"
-    :title="title"
-    :type="type"
-    :visible.sync="isVisible"
-    :modal-append-to-body="false"
-    :center="true"
-    width="80%"
-    top="50px"
-    class="dialog-wrap"
-  >
-  <el-form ref="ruleForm" :model="params" label-width="150px">
-      <el-form-item label="仓库">
-        <el-select v-model="params.storehouseId" placeholder="请选择仓库" @change="changeStorehouseValue" clearable>
+  <div>
+    <el-dialog
+      :close-on-click-modal="false"
+      :title="title"
+      :type="type"
+      :visible.sync="isVisible"
+      :modal-append-to-body="false"
+      :center="true"
+      width="80%"
+      top="50px"
+      class="dialog-wrap"
+    >
+      <el-form ref="ruleForm" :model="params" label-width="150px">
+        <el-form-item label="仓库">
+          <el-select v-model="params.storehouseId" placeholder="请选择仓库" @change="changeStorehouseValue" clearable>
             <el-option
               v-for="(item,index) in storehouseList"
               :key="index"
@@ -20,21 +21,27 @@
               :value="item.storehouseId"
             />
           </el-select>
-      </el-form-item>
+        </el-form-item>
 
-      <el-form-item label="商品">
-        <el-select v-model="params.productId" placeholder="请选择商品"  @change="changeProductValue" clearable>
-            <el-option
-              v-for="(item,index) in productList"
-              :key="index"
-              :label="item.productName"
-              :value="item.productId"
-            />
-          </el-select>
-      </el-form-item>
+        <el-form-item label="商品">
+          <!--        <el-select v-model="params.productId" placeholder="请选择商品"  @change="changeProductValue" filterable clearable>
+                      <el-option
+                        v-for="(item,index) in productList"
+                        :key="index"
+                        :label="item.productName"
+                        :value="item.productId"
+                      />
+                    </el-select>-->
+          <div>
+            <div class="prod_search_column" @click="onSearchProd()">
+              <span class="prod_search_txt">{{params.productName}}</span>
+              <img src="../../../assets/images/search.png" style="width: 16px;height: 16px">
+            </div>
+          </div>
+        </el-form-item>
 
-      <el-form-item label="SKU" v-if="isSkuVisible == 1">
-        <el-select v-model="params.skuId" placeholder="请选择规格" clearable>
+        <el-form-item label="SKU" v-if="isSkuVisible == 1">
+          <el-select v-model="params.skuId" placeholder="请选择规格" clearable>
             <el-option
               v-for="(item,index) in skuList"
               :key="index"
@@ -42,42 +49,42 @@
               :value="item.skuId"
             />
           </el-select>
-      </el-form-item>
-
-      <el-form-item label="单据类型">
-        <el-radio-group v-model="params.billTypeId">
-          <el-radio :disabled="isDisabled" :label="1">采购入库</el-radio>
-          <el-radio :disabled="isDisabled" :label="4">报废出库</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      
-      <el-form-item label="数量">
-        <div class="form-item-row">
-          <div class="el-row" style="margin-bottom: 10px;">
-            <el-input
-              v-model="params.quantity"
-              maxlength="20"
-              :readonly="isDisabled"
-              onblur="value=value.replace(/(^\s*)|(\s*$)/g, '')"
-            />
+        </el-form-item>
+
+        <el-form-item label="单据类型">
+          <el-radio-group v-model="params.billTypeId">
+            <el-radio :disabled="isDisabled" :label="1">采购入库</el-radio>
+            <el-radio :disabled="isDisabled" :label="4">报废出库</el-radio>
+          </el-radio-group>
+        </el-form-item>
+
+        <el-form-item label="数量">
+          <div class="form-item-row">
+            <div class="el-row" style="margin-bottom: 10px;">
+              <el-input
+                v-model="params.quantity"
+                maxlength="20"
+                :readonly="isDisabled"
+                onblur="value=value.replace(/(^\s*)|(\s*$)/g, '')"
+              />
+            </div>
           </div>
-        </div>
-      </el-form-item>
-
-      <el-form-item label="价格">
-        <div class="form-item-row">
-          <div class="el-row" style="margin-bottom: 10px;">
-            <el-input
-              v-model="params.price"
-              maxlength="20"
-              :readonly="isDisabled"
-              onblur="value=value.replace(/(^\s*)|(\s*$)/g, '')"
-            />
+        </el-form-item>
+
+        <el-form-item label="价格">
+          <div class="form-item-row">
+            <div class="el-row" style="margin-bottom: 10px;">
+              <el-input
+                v-model="params.price"
+                maxlength="20"
+                :readonly="isDisabled"
+                onblur="value=value.replace(/(^\s*)|(\s*$)/g, '')"
+              />
+            </div>
           </div>
-        </div>
-      </el-form-item>
+        </el-form-item>
 
-   </el-form>
+      </el-form>
       <!-- <el-table-column label="商品">
         <template slot-scope="scope">
           <el-select v-model="scope.row.productId" placeholder="请选择商品" clearable>
@@ -106,12 +113,73 @@
 
        -->
 
-    <div slot="footer" class="btn-wrap">
-      <el-button type="primary" @click="onSubmit">{{ $t('common.sure') }}</el-button>
-      <el-button @click="isVisible = false">{{ $t('common.cancel') }}</el-button>
-    </div>
-    
-  </el-dialog>
+      <div slot="footer" class="btn-wrap">
+        <el-button type="primary" @click="onSubmit">{{ $t('common.sure') }}</el-button>
+        <el-button @click="isVisible = false">{{ $t('common.cancel') }}</el-button>
+      </div>
+
+    </el-dialog>
+
+    <el-dialog
+      title="选择商品"
+      :visible.sync="prodSelectDialog"
+      width="70%"
+      top="50px"
+      class="group-dialog"
+      :close-on-click-modal="false"
+      :modal-append-to-body="false"
+      :modal="false"
+      @close="onProdDialogClose"
+    >
+      <!-- 表格 -->
+      <div style="margin-bottom: 15px">
+        <el-input v-model="prodSearch" :placeholder="$t('product.productname_hint')" style="width: 360px" clearable/>
+        <el-button type="primary" style="margin-left: 8px" @click="searchProd">{{$t('common.query')}}</el-button>
+      </div>
+      <div class="tableBox">
+        <el-table
+          ref="multipleTable"
+          :data="productList"
+          border
+          :header-cell-style="{ background: '#EEF3FF', color: '#333333' }"
+          tooltip-effect="dark"
+          style="width: 100%"
+          max-height="600"
+        >
+          <el-table-column label="产品主图" width="220" align="center">
+            <template slot-scope="scope">
+              <img height="80" width="80" :src="scope.row.productImage" alt srcset>
+            </template>
+          </el-table-column>
+          <el-table-column prop="productName" label="产品名称" width="220" />
+          <!--          <el-table-column prop="discountPrice" label="售价（元）" show-overflow-tooltip />-->
+<!--          <el-table-column prop="originalPrice" label="原价（元）" show-overflow-tooltip />-->
+          <el-table-column prop="stockNumber" label="库存（件）" show-overflow-tooltip />
+          <el-table-column prop="shopName" label="所属店铺" show-overflow-tooltip />
+          <el-table-column label="操作" width="90" align="center" fixed="right">
+            <template slot-scope="scope">
+              <el-button type="primary" plain @click="selectProd(scope.row)">选择</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+<!--        <div class="fenye">
+          <el-pagination
+            :current-page="proOption.page"
+            :page-sizes="[10, 20, 50, 100]"
+            :page-size="proOption.pageSize"
+            layout="total, sizes, prev, pager, next, jumper"
+            :total="total"
+            @size-change="handleSizeChange"
+            @current-change="handleCurrentChange"
+          />
+        </div>-->
+      </div>
+      <div slot="footer" class="btn-wrap">
+        <el-button @click="prodSelectDialog = false">{{ $t('common.cancel') }}</el-button>
+      </div>
+    </el-dialog>
+  </div>
+
 </template>
 <script>
 
@@ -149,7 +217,14 @@ export default {
       productList:[],//商品列表
       skuList:[],//商品列表
       isSkuVisible : 1,
-      checkId: null
+      checkId: null,
+      prodSelectDialog: false,
+      proOption: {
+        page: 1,
+        pageSize: 10
+      },
+      prodSearch: undefined,
+      total: 0,
     }
   },
   computed: {
@@ -185,7 +260,7 @@ export default {
       if(this.storehouseList && this.storehouseList.length > 0){
         this.params.storehouseId = this.storehouseList[0].storehouseId
         this.params.storehouseName = this.storehouseList[0].storehouseName
-        this.getProductList();
+        //this.getProductList();
       }
     },
     // 获取商品
@@ -212,14 +287,14 @@ export default {
         }
       }
     },
-    
+
     async changeStorehouseValue(){
       this.getProductList();
     },
     async changeProductValue(){
       this.getSkuList();
     },
-    
+
     close() {
       this.$emit('close')
     },
@@ -240,7 +315,7 @@ export default {
       if(this.storehouseList && this.storehouseList.length > 0){
         this.params.storehouseId = this.storehouseList[0].storehouseId
         this.params.storehouseName = this.storehouseList[0].storehouseName
-        this.getProductList();
+        //this.getProductList();
       }
     },
     // 查看详情
@@ -293,6 +368,51 @@ export default {
         this.checkId = val['checkId']
         this.getDetails()
       }
+    },
+
+    onSearchProd() {
+      this.prodSelectDialog = true
+      this.searchProd()
+    },
+
+    handleSizeChange(val) {
+      this.proOption.pageSize = val
+      this.getProList()
+    },
+    handleCurrentChange(val) {
+      this.proOption.page = val
+      this.getProList()
+    },
+
+    async getProList() {
+      const res = await getClassifyGetList(this.proOption)
+      this.productList = res.data
+     /* if(this.productList && this.productList.length > 0){
+        this.params.productId = this.productList[0].productId
+        this.params.productName = this.productList[0].productName
+        this.getSkuList();
+      }*/
+    },
+
+    searchProd() {
+      this.proOption.page = 1
+      this.proOption.pageSize = 10
+      this.proOption.search = this.prodSearch
+      this.proOption.storehouseId = this.params.storehouseId
+      this.getProList()
+    },
+
+    onProdDialogClose() {
+      this.productList = []
+      this.prodSearch = undefined
+      this.proOption.searchContent = undefined
+    },
+
+    selectProd(prod) {
+      this.params.productId = prod.productId
+      this.params.productName = prod.productName
+      this.getSkuList();
+      this.prodSelectDialog = false
     }
   }
 }
@@ -333,4 +453,29 @@ export default {
   }
 }
 
+.prod_search_column{
+  width: 220px;
+  display: flex;
+  align-items: center;
+  border: 1px solid lightgray;
+  border-radius: 4px;
+  padding: 2px 3px 2px 5px;
+  height: 40px;
+  cursor: pointer;
+}
+
+.prod_search_column:active{
+  border: 2px solid #108a66;
+  border-radius: 4px;
+}
+
+.prod_search_txt{
+  width: 200px;
+  text-align: left;
+  overflow: hidden;
+  text-overflow:ellipsis;
+  white-space: nowrap;
+  padding-left: 10px;
+}
+
 </style>