细节修改

src/components/Table/GoodsItem/GoodsItem.vue

@@ -4,19 +4,22 @@
     <div class="in-left">
       <img :src="dataObj.image" :alt="dataObj.imageAlt" />
     </div>
+
     <div class="in-right">
       <!-- 商品名称 -->
-      <p class="title twoline-hide" :style="{ width: `${dataObj.titleWidth}px` }">{{ dataObj.title }}</p>
+      <a-tooltip placement="topLeft" :title="dataObj.title">
+        <p class="title twoline-hide" :style="{ width: `${dataObj.titleWidth}px` }">{{ dataObj.title }}</p></a-tooltip
+      >
       <!-- 副标题 -->
-      <p
+      <p v-if="isEmpty(dataObj.goodsProps)" class="subtitle" :class="{ 'c-p': subTitleColor }">
-        v-if="isEmpty(dataObj.goodsProps)"
+        <a-tooltip placement="topLeft" :title="dataObj.subtitle"> {{ dataObj.subtitle }}</a-tooltip>
-        class="subtitle"
+      </p>
-        :class="{ 'c-p': subTitleColor }"
-      >{{ dataObj.subtitle }}</p>
       <!-- 商品规格 -->
       <div v-else class="goods-props clearfix">
         <div class="goods-props-item" v-for="(props, idx) in dataObj.goodsProps" :key="idx">
-          <span>{{ props.value.name }}</span>
+          <a-tooltip placement="topLeft" :title="props.value.name">
+            <span>{{ props.value.name }}</span></a-tooltip
+          >
         </div>
       </div>
     </div>
@@ -34,28 +37,29 @@ export default {
     // 商品信息
     data: PropTypes.object.def({}),
     // 副标题颜色
-    subTitleColor: PropTypes.bool.def(false)
+    subTitleColor: PropTypes.bool.def(false),
   },
   computed: {
-    dataObj () {
+    dataObj() {
-      return Object.assign({
+      return Object.assign(
-        image: '',
+        {
-        imageAlt: '',
+          image: '',
-        title: '',
+          imageAlt: '',
-        subtitle: '',
+          title: '',
-        goodsProps: [],
+          subtitle: '',
-        titleWidth: 200
+          goodsProps: [],
-      }, this.$props.data)
+          titleWidth: 200,
-    }
+        },
+        this.$props.data
+      )
+    },
   },
-  data () {
+  data() {
     return {
-      isEmpty
+      isEmpty,
     }
   },
-  methods: {
+  methods: {},
-
-  }
 }
 </script>
 

src/views/dataCenter/goods/Update.vue

@@ -176,6 +176,19 @@
             </div>
             <!-- 单规格的表单内容 -->
             <div v-if="form.getFieldValue('spec_type') == 10">
+              <a-form-item
+                label="规格值"
+                :labelCol="labelCol"
+                :wrapperCol="wrapperCol"
+                extra="规格值仅用于商品页展示"
+              >
+                <a-input-number
+                  :min="0"
+                  :precision="2"
+                  v-decorator="['specific_value', { rules: [{ required: true, message: '请输入规格值' }] }]"
+                />
+                <span class="ml-10">元</span>
+              </a-form-item>
               <a-form-item
                 label="商品价格"
                 :labelCol="labelCol"