添加类型

src/views/pms/product/components/ProductDetail.vue

@@ -52,6 +52,7 @@ const defaultProductParam = {
   albumPics: "",
   brandId: null,
   brandName: "",
+  productType: null,
   deleteStatus: 0,
   description: "",
   detailDesc: "",

src/views/pms/product/components/ProductInfoDetail.vue

@@ -38,6 +38,21 @@
           </el-option>
         </el-select>
       </el-form-item>
+      <el-form-item label="商品分类：" prop="productType">
+        <el-select
+          v-model="value.productType"
+          :disabled="!isEdit"
+          placeholder="请选择商品分类"
+        >
+          <el-option
+            v-for="item in goodsType"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </el-form-item>
       <!-- <el-form-item label="商品介绍：">
         <el-input
           :autoSize="true"
@@ -120,7 +135,29 @@
 import { fetchListWithChildren } from "@/api/productCate";
 import { fetchList as fetchBrandList } from "@/api/brand";
 import { getProduct } from "@/api/product";
-
+// 商品类型
+export const goodsType = [
+  {
+    value: "INSTRUMENT",
+    label: "乐器"
+  },
+  {
+    value: "ACCESSORIES",
+    label: "辅件"
+  },
+  {
+    value: "TEACHING",
+    label: "教材"
+  },
+  {
+    value: "STAFF",
+    label: "教谱"
+  },
+  {
+    value: "OTHER",
+    label: "其它"
+  }
+];
 export default {
   name: "ProductInfoDetail",
   props: {
@@ -132,6 +169,7 @@ export default {
   },
   data() {
     return {
+      goodsType,
       hasEditCreated: false,
       //选中商品分类的值
       selectProductCateValue: [],
@@ -156,6 +194,9 @@ export default {
         brandId: [
           { required: true, message: "请选择商品品牌", trigger: "blur" },
         ],
+        productType: [
+          { required: true, message: "请选择商品分类", trigger: "change" },
+        ],
         description: [
           { required: true, message: "请输入商品介绍", trigger: "blur" },
         ],

src/views/pms/product/index.vue

@@ -142,6 +142,7 @@
           <template slot-scope="scope">
             <p>{{ scope.row.name }}</p>
             <p>品牌：{{ scope.row.brandName }}</p>
+            <p>类型：{{ scope.row.productType | goodsTypeFilter }}</p>
           </template>
         </el-table-column>
         <el-table-column label="价格/货号" width="120" align="center">
@@ -354,6 +355,7 @@
   </div>
 </template>
 <script>
+import {goodsType} from './components/ProductInfoDetail.vue'
 import {
   fetchList,
   updateDeleteStatus,
@@ -493,6 +495,15 @@ export default {
         return "未审核";
       }
     },
+    goodsTypeFilter(value) {
+      let name = '--';
+      (goodsType || []).forEach(item => {
+        if(item.value === value) {
+          name = item.label
+        }
+      });
+      return name
+    }
   },
   methods: {
     getProductSkuSp(row, index) {