From c8614a3bc73b640d5a2d09a30e62699ee7579623 Mon Sep 17 00:00:00 2001
From: liaoanqi <1776106376@qq.com>
Date: Mon, 11 Jul 2022 09:41:28 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=A7=84=E6=A0=BC=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/modules/prod/spec-add-or-update.vue | 12 ++++++++++++
 src/views/modules/prod/spec.vue               | 14 ++++++++++++--
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/views/modules/prod/spec-add-or-update.vue b/src/views/modules/prod/spec-add-or-update.vue
index 74063d2..0f21040 100644
--- a/src/views/modules/prod/spec-add-or-update.vue
+++ b/src/views/modules/prod/spec-add-or-update.vue
@@ -27,6 +27,7 @@
                   :key="item.valueId">
             <el-input placeholder="请输入内容"
                       v-model="item.propValue"
+                      class="prop-value-input"
                       @clear="clearProdPropValues"
                       maxlength="20"
                       show-word-limit
@@ -34,6 +35,7 @@
           </el-col>
           <el-col :span="4">
             <el-button type="primary"
+            class="add-input"
                        icon="el-icon-circle-plus"
                        @click="addInput()"></el-button>
           </el-col>
@@ -154,3 +156,13 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.prop-value-input {
+  padding: 3px;
+}
+
+.add-input {
+  margin: 3px;
+}
+</style>
diff --git a/src/views/modules/prod/spec.vue b/src/views/modules/prod/spec.vue
index ddcc2cf..d974dda 100644
--- a/src/views/modules/prod/spec.vue
+++ b/src/views/modules/prod/spec.vue
@@ -22,8 +22,11 @@
 
       <template slot-scope="scope"
                 slot="prodPropValues">
-        <el-tag v-for="item in scope.row.prodPropValues"
-                :key="item.valueId">{{item.propValue}}</el-tag>
+        <div v-for="item in scope.row.prodPropValues"
+                  :key="item.valueId" class="prop-value">
+          <el-tag>{{item.propValue}}</el-tag>          
+        </div>
+
       </template>
 
       <template slot-scope="scope"
@@ -145,3 +148,10 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.prop-value {
+  display: inline-block;
+  margin: 0 3px 3px 0;
+}
+</style>