From 0323337afc25f8d9449922f7958da5c74c32f9ba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=9D=E5=85=88=E7=91=9E?= <1490493387@qq.com>
Date: Tue, 11 Jan 2022 00:10:40 +0800
Subject: [PATCH] =?UTF-8?q?feat(GoodsStock.vue):=20=E5=95=86=E5=93=81?=
 =?UTF-8?q?=E5=BA=93=E5=AD=98=E7=AE=A1=E7=90=86=E5=8D=87=E7=BA=A7vue3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/pms/goods/components/GoodsStock.vue | 37 ++++++++++++-------
 1 file changed, 24 insertions(+), 13 deletions(-)

diff --git a/src/views/pms/goods/components/GoodsStock.vue b/src/views/pms/goods/components/GoodsStock.vue
index 9744d82d..bae01e0a 100644
--- a/src/views/pms/goods/components/GoodsStock.vue
+++ b/src/views/pms/goods/components/GoodsStock.vue
@@ -42,29 +42,37 @@
               </template>
             </el-table-column>
             <el-table-column>
-              <template slot="header">
+              <template #header>
                 规格值
                 <el-link type="danger" style="font-size:12px" :underline="false">（默认第一条规格包含图片）</el-link>
               </template>
-              <template slot-scope="{row}">
-                <div style="margin-right:15px;display: inline-block" v-for="item in row.values">
+
+              <template #default="scope">
+                <div style="margin-right:15px;display: inline-block" v-for="item in scope.row.values">
                   <el-tag
                       closable
-                      :type="colors[row.index%colors.length]"
-                      @close="handleSpecValueRemove(row.index,item.id)">
+                      :type="colors[scope.row.index%colors.length]"
+                      @close="handleSpecValueRemove(scope.row.index,item.id)">
                     {{ item.value }}
                   </el-tag>
-                  <mini-card-upload v-if="row.index==0" style="margin-top: 5px" v-model="item.picUrl"/>
+                  <mini-card-upload v-if="scope.row.index==0" style="margin-top: 5px" v-model="item.picUrl"/>
                 </div>
                 <el-input
+                    v-if="tagInputs[scope.row.index].visible"
+                    v-model="tagInputs[scope.row.index].value"
+                    @keyup.enter.native="handleSpecValueInput(scope.row.index)"
+                    @blur="handleSpecValueInput(scope.row.index)"
                     style="width: 80px;vertical-align: top"
                     size="mini"
-                    v-if="tagInputs[row.index].visible"
-                    v-model="tagInputs[row.index].value"
-                    @keyup.enter.native="handleSpecValueInput(row.index)"
-                    @blur="handleSpecValueInput(row.index)"/>
-                <el-button v-else size="mini" icon="el-icon-plus" style="vertical-align: top"
-                           @click="handleSpecValueAdd(row.index)">添加规格值
+                />
+                <el-button
+                    v-else
+                    @click="handleSpecValueAdd(scope.row.index)"
+                    :icon="Plus"
+                    style="vertical-align: top"
+                    size="mini"
+                >
+                  添加规格值
                 </el-button>
               </template>
             </el-table-column>
@@ -143,7 +151,7 @@
     </div>
     <div class="components-container__footer">
       <el-button @click="handlePrev">上一步，设置商品属性</el-button>
-      <el-button type="primary" @click="handleSubmit">提交</el-button>
+      <el-button type="primary" @click="submitForm">提交</el-button>
     </div>
   </div>
 </template>
@@ -155,6 +163,8 @@ import Sortable from 'sortablejs'
 import {addGoods, updateGoods} from "@/api/pms/goods";
 import {computed, getCurrentInstance, nextTick, onMounted, reactive, ref, toRefs, unref, watch} from "vue";
 import {ElMessage, ElTable, ElForm} from "element-plus"
+import {Plus} from '@element-plus/icons'
+import SvgIcon from '@/components/SvgIcon/index.vue'
 import {useRouter} from "vue-router";
 
 const emit = defineEmits(['prev', 'next'])
@@ -264,6 +274,7 @@ function loadData() {
     nextTick(() => {
       registerSpecDragSortEvent()
     })
+    console.log('tagInputs',tagInputs)
   }
 }