暂存

src/views/ServiceType/ProductCenter.vue

@@ -2,13 +2,8 @@
   <!-- 修改前请注释以前的 -->
    <!-- 搜索 -->
     <div>
-        <el-input style="width: 200px; height: 30px; margin-right: 10px;" suffix-icon="Search" placeholder="请输入商品名称"
+        <el-input style="width: 200px; height: 30px; margin-right: 10px;" suffix-icon="Search" placeholder="请输入课程名称"
           v-model="productName"></el-input>
-        <el-form-item label="商品类型" style="width: 200px; margin-right: 10px;display: inline-block">
-          <el-select v-model="editForm.type" @change="(event: any) => searchByType(event)" placeholder="请选择">
-            <el-option v-for="item in typeList" :key="item.value" :label="item.label" :value="item.value1" />
-          </el-select>
-        </el-form-item>
         <el-form-item label="商品状态" style="width: 200px;margin-right: 10px;display: inline-block">
           <el-select v-model="state" placeholder="请选择" @change="(event: any) => searchByState(event)">
             <el-option label="已上架" value="1" />
@@ -33,25 +28,40 @@
       :cell-style="{ 'text-align': 'center', 'font-size': '16px' }" @selection-change="handleSelectionChange"
       :header-cell-style="{ 'text-align': 'center' }">
       <el-table-column type="selection" width="55"></el-table-column>
-        <el-table-column prop="id" label="商品编号" width="80">
+      <el-table-column prop="id" label="课程编号" width="80">
         <template #default="{ $index }">
           {{ $index + 1 }}
         </template>
       </el-table-column>
-        <el-table-column prop="goodImg" label="商品图片">
+      <el-table-column prop="goodImg" label="课程图片">
         <template #default="scope">
           <div>
             <img :src="scope.row.goodImg" alt="" style="height: 50px;">
           </div>
         </template>
       </el-table-column>
-        <el-table-column prop="name" label="商品名称"></el-table-column>
-        <el-table-column prop="price" label="商品价格" width="180"></el-table-column>
-        <el-table-column prop="type" label="商品类型"></el-table-column>
-        <el-table-column prop="inventory" label="商品数量"></el-table-column>
-        <el-table-column prop="createTime" label="创建时间"></el-table-column>
-        <el-table-column prop="updateTime" label="更新时间"></el-table-column>
-        <el-table-column label="商品状态">
+      <el-table-column prop="name" label="课程名称"></el-table-column>
+      <el-table-column prop="price" label="单次价格" width="100"></el-table-column>
+      <el-table-column label="展开时间段" type="expand" width="80">
+        <template #default="props">
+          <!-- 放后端传来的预约时间 -->
+          <el-table :data="props.row.appointmentDateVOS" :header-cell-style="{ 'text-align': 'center' }" :cell-style="{ 'text-align': 'center' }">
+            <el-table-column label="日期" prop="specificDate" />
+            <el-table-column label="人数范围" prop="numberRange" />
+            <el-table-column label="时间段" prop="timeSlot"/>
+            <el-table-column label="此段课程人数" prop=""/>
+            <el-table-column label="操作">
+              <el-button size="small" @click="">
+                编辑
+              </el-button>
+              <el-button size="small" @click="" type="danger">
+                删除
+              </el-button>
+            </el-table-column>
+          </el-table>
+        </template>
+      </el-table-column>
+      <el-table-column label="商品状态" width="80">
         <template #default="scope">
           <div>
             <span style="margin-left: 10px" v-if="scope.row.isShelves == 1">上架</span>
@@ -207,15 +217,16 @@
 ])
 onMounted(() => { //页面加载时获取商品列表和分类页表
   getProductList()
-    getTypeList()
 })
 const getProductList = async () => {
   try {
-      const res = await myAxios.post('/goods/list/page', { ...searchParams.value });
+    const res = await myAxios.post('/goods/service/list/page', { ...searchParams.value });
     // console.log(res.data)
     if (res.data.code === 1) {
       tableData.value = res.data.data.records;
       total.value = parseInt(res.data.data.total)  //总数据量，用于分页
+      console.log(tableData.value);
+      
     } else {
       ElMessage({
         message: '获取数据失败',
@@ -228,31 +239,7 @@
     });
   }
 }
-  const getTypeList = async () => {
-    const res = await myAxios.post('/category/list', {})  //获取商品列表
-    for (let key in res.data.data) {    //循环赋值
-      typeList.value[key] = {
-        value1: res.data.data[key].typeName,
-        label: res.data.data[key].typeName
-      }
-    }
-  }
 const saveEdit = async () => { //编辑商品
-    const res = await myAxios.post('/goods/update',{...editForm.value})
-    if( res.data.code === 1 ) {
-      ElMessage({
-        type: 'success',
-        message: '更新成功'
-      })
-      DialogVisible.value = false
-    } else {
-      ElMessage.error('更新失败，请检查字段')
-    }
-  }
-  const searchByType =(event : any)=>{ //通过类别搜索
-    searchParams.value.type = event
-    searchParams.value.current = 1
-    getProductList()
 }
 const searchByState = (event : any) => {  //通过商品是否上架/下架搜索
   searchParams.value.isShelves = event
@@ -271,7 +258,6 @@
     })
     getProductList()
   }
-    getTypeList()
 }
 //选中发生的方法--->将其赋值给批量删除的数组
 //详情或编辑