feature(商品添加): 规格调整连带商品调整

Author: Why1092164058

src/api/mall/product/property.js

@@ -43,6 +43,25 @@ export function getPropertyPage(query) {
   })
 }
 
+// 获得规格名称列表
+export function getPropertyList(query) {
+  return request({
+    url: '/product/property/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获得规格名称列表
+export function getPropertyListAndValue(query) {
+  return request({
+    url: '/product/property/listAndValue',
+    method: 'get',
+    params: query
+  })
+}
+
+
 // 导出规格名称 Excel
 export function exportPropertyExcel(query) {
   return request({
@@ -52,3 +71,49 @@ export function exportPropertyExcel(query) {
     responseType: 'blob'
   })
 }
+
+// ------------------------ 规格名称值 -------------------
+
+// 获得规格名称值分页
+export function getPropertyValuePage(query) {
+  return request({
+    url: '/product/property/value/page',
+    method: 'get',
+    params: query
+  })
+}
+
+// 获得规格名称值
+export function getPropertyValue(id) {
+  return request({
+    url: '/product/property/value/get?id=' + id,
+    method: 'get'
+  })
+}
+
+
+// 创建规格名称值
+export function createPropertyValue(data) {
+  return request({
+    url: '/product/property/value/create',
+    method: 'post',
+    data: data
+  })
+}
+
+// 更新规格名称值
+export function updatePropertyValue(data) {
+  return request({
+    url: '/product/property/value/update',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除规格名称
+export function deletePropertyValue(id) {
+  return request({
+    url: '/product/property/value/delete?id=' + id,
+    method: 'delete'
+  })
+}

src/api/mall/product/spu.js

@@ -34,6 +34,14 @@ export function getSpu(id) {
   })
 }
 
+// 获得商品spu详情
+export function getSpuDetail(id) {
+  return request({
+    url: '/product/spu/get/detail?id=' + id,
+    method: 'get'
+  })
+}
+
 // 获得商品spu分页
 export function getSpuPage(query) {
   return request({

src/router/index.js

@@ -96,6 +96,17 @@ export const constantRoutes = [
         meta: {title: '字典数据', icon: '', activeMenu: '/system/dict'}
       }
     ]
+  }, {
+    path: '/property',
+    component: Layout,
+    hidden: true,
+    children: [{
+        path: 'value/:propertyId(\\d+)',
+        component: (resolve) => require(['@/views/mall/product/property/value'], resolve),
+        name: 'PropertyValue',
+        meta: {title: '规格数据', icon: '', activeMenu: '/mall/property'}
+      }
+    ]
   }, {
     path: '/job',
     component: Layout,

src/views/mall/product/property/index.vue

@@ -6,7 +6,7 @@
       <el-form-item label="规格名称" prop="name">
         <el-input v-model="queryParams.name" placeholder="请输入规格名称" clearable @keyup.enter.native="handleQuery"/>
       </el-form-item>
-      <el-form-item label="开启状态" prop="status">
+      <el-form-item label="状态" prop="status">
         <el-select v-model="queryParams.status" placeholder="请选择开启状态" clearable size="small">
           <el-option v-for="dict in this.getDictDatas(DICT_TYPE.COMMON_STATUS)"
                      :key="dict.value" :label="dict.label" :value="dict.value"/>
@@ -33,12 +33,14 @@
 
     <!-- 列表 -->
     <el-table v-loading="loading" :data="list">
-      <el-table-column label="规格名称" align="center" prop="name" />
-       <el-table-column label="规格名称" align="center" prop="propertyValueList">
+      <el-table-column label="规格id" align="center" prop="id" />
+      <el-table-column label="规格名称" align="center" :show-overflow-tooltip="true">
         <template slot-scope="scope">
-          <span>{{formatList(scope.row.propertyValueList)}}</span>
+          <router-link :to="'/property/value/' + scope.row.id" class="link-type">
+            <span>{{ scope.row.name }}</span>
+          </router-link>
         </template>
-       </el-table-column>
+      </el-table-column>
       <el-table-column label="开启状态" align="center" prop="status">
         <template slot-scope="scope">
           <dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status"/>
@@ -49,6 +51,7 @@
           <span>{{ parseTime(scope.row.createTime) }}</span>
         </template>
       </el-table-column>
+      <el-table-column label="备注" align="center" prop="left" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
           <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
@@ -65,6 +68,9 @@
     <!-- 对话框(添加 / 修改) -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="规格id" prop="id" v-if="form.id != null">
+          <el-input v-model="form.id" disabled />
+        </el-form-item>
         <el-form-item label="规格名称" prop="name">
           <el-input v-model="form.name" placeholder="请输入规格名称" />
         </el-form-item>
@@ -75,26 +81,9 @@
             </el-radio>
           </el-radio-group>
         </el-form-item>
-        <el-form-item label="属性值">
-          <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="addPropertyValue()">添加</el-button>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" placeholder="备注" />
         </el-form-item>
-        <el-form-item
-            v-for="(domain, index) in form.propertyValueList"
-            :key="domain.key"
-            :prop="'propertyValueList.' + index + '.name'"
-            :rules="{
-              required: true, message: '属性值不能为空', trigger: 'blur'
-            }"
-          >
-            <el-row>
-              <el-col :span="18">
-                <el-input v-model="domain.name" size="mini"></el-input>
-              </el-col>
-              <el-col :span="6">
-                <el-button style="margin-left: 20px;" size="mini" @click.prevent="removePropertyValue(domain)">删除</el-button>
-              </el-col>
-            </el-row>
-          </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -139,12 +128,17 @@ export default {
       form: {
         name:'',
         status:'',
-        propertyValueList: [{
-          name: ''
-        }],
+        remark:"",
+        id: null,
       },
       // 表单校验
       rules: {
+        name: [
+          { required: true, message: "规格不能为空", trigger: "blur" }
+        ],
+        status: [
+          { required: true, message: "状态不能为空", trigger: "blur" }
+        ]
       }
     };
   },
@@ -170,12 +164,10 @@ export default {
     /** 表单重置 */
     reset() {
       this.form = {
-        id: undefined,
-        name: undefined,
-        status: undefined,
-        propertyValueList: [{
-          name: ''
-        }]
+        name:'',
+        status:'',
+        remark:"",
+        id: null,
       };
       this.resetForm("form");
     },
@@ -253,27 +245,6 @@ export default {
           this.exportLoading = false;
         }).catch(() => {});
     },
-    removePropertyValue(item) {
-      var index = this.form.propertyValueList.indexOf(item)
-      if (index !== -1) {
-        this.form.propertyValueList.splice(index, 1)
-      }
-    },
-    addPropertyValue() {
-      this.form.propertyValueList.push({
-        name: ''
-      });
-    },
-    formatList(list) {
-      let str = ''
-      for (var i = 0; i < list.length; i++) {
-        str += list[i].name;
-        if(i != list.length-1){
-          str+="/";
-        }
-      }
-      return str
-    }
   }
 };
 </script>