add

src/pages/Groupmeal/Marketing/index.vue

+
+<template>
+  <layout>
+    <div class="marketing">
+      <!-- 表头 -->
+      <div class="header">
+        <h2>账户信息</h2>
+        <el-button
+          type="text"
+          @click="goInvest(`EDIT`, scope.row.goods_spu_id)"
+          >充值</el-button
+        >
+      </div>
+      <!-- 列表区 -->
+      <el-table class="goods_list" :data="goodsList" border stripe>
+        <el-table-column
+          label="商品id"
+          prop="goods_spu_id"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          label="商品名称"
+          prop="goods_name"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          label="一级分类"
+          prop="category_1_name"
+          align="center"
+        ></el-table-column>
+      </el-table>
+    </div>
+    <div class="marketing">
+      <!-- 表头 -->
+      <div class="header">
+        <h2>活动列表</h2>
+      </div>
+      <!-- 列表区 -->
+      <el-table class="goods_list" :data="goodsList" border stripe>
+        <el-table-column
+          label="活动名称"
+          prop="goods_spu_id"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          label="已消耗"
+          prop="goods_name"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          label="已占用"
+          prop="category_1_name"
+          align="center"
+        ></el-table-column>
+        <el-table-column
+          label="状态"
+          prop="category_2_name"
+          align="center"
+        ></el-table-column>
+        <!-- 操作快捷键 -->
+        <el-table-column label="操作" align="center" fixed="right" width="200">
+          <template #default="scope">
+            <el-button
+              type="text"
+              @click="goDetail(`EDIT`, scope.row.goods_spu_id)"
+              >预算分配</el-button
+            >
+
+            <el-button
+              type="text"
+              @click="goDetail(`AUDIT`, scope.row.goods_spu_id)"
+              >活动下线</el-button
+            >
+
+            <el-button
+              type="text"
+              @click="goDetail(`AUDIT`, scope.row.goods_spu_id)"
+              >活动配置</el-button
+            >
+
+            <el-popconfirm
+              title="您确定要上线/下线[我是活动]吗？"
+              cancelButtonType="default"
+              @confirm="changeGoodsState('GROUNDING', scope.row.goods_spu_id)"
+            >
+            </el-popconfirm>
+            
+            <el-popconfirm
+              title="您确定要上架该商品吗？"
+              cancelButtonType="default"
+              @confirm="changeGoodsState('GROUNDING', scope.row.goods_spu_id)"
+            >
+              <template #reference>
+                <el-button type="text">上架</el-button>
+              </template>
+            </el-popconfirm>
+
+            <el-popconfirm
+              v-if="
+                scope.row.online_status != 2 &&
+                  (scope.row.audit_status == 1 || scope.row.online_status == 1)
+              "
+              title="您确定要下架该商品吗？"
+              cancelButtonType="default"
+              @confirm="
+                changeGoodsState('UNDERCARRIAGE', scope.row.goods_spu_id)
+              "
+            >
+              <template #reference>
+                <el-button type="text">下架</el-button>
+              </template>
+            </el-popconfirm>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+  </layout>
+</template>
+
+<script>
+import Layout from "../../Groupmeal/layout/index.vue";
+import page from "@/components/Pagination"
+import {
+  getList,
+} from "@/service/Goods/goods";
+// import { getLifeNoList as reqGetLifeNoList } from "../../service/life-no";
+export default {
+  name: "MarketingCenter",
+  components: {
+    Layout,
+    page
+  },
+  data () {
+    return {
+      goodsList: [],
+      params: {
+        page: 1,
+        page_size: 20
+      },
+  
+    }
+  },
+  created () {
+    this.getCommodityList()
+  },
+  methods: {
+      async getCommodityList() {
+        try {
+          const res = await getList();
+          if (res.code !== 0) return this.$message.error(res.reason);
+          this.goodsList = res.result.list;
+        } catch (error) {
+          console.error(error);
+        }
+      },
+  }
+}
+</script>
+<style lang="less" scoped>
+.marketing {
+  padding: 30px;
+  .header {
+    display: flex;
+    justify-content: space-between;
+    padding: 10px;
+  }
+}
+
+</style>

src/pages/Groupmeal/components/PageHeader/config.js

@@ -14,6 +14,10 @@ const headerConfig = [
   {
     path: "/op/groupmeal/distrib",
     name: "配送员管理"
+  },
+  {
+    path: "/op/groupmeal/marketing",
+    name: "营销中心"
   }
 ];
 

src/pages/Marketing/Center/index.vue

-
-<template>
-  <layout>
-    <div class="life-no">
-    
-      <!-- <page
-        :totalNum="totalNum"
-        @update="update"
-      /> -->
-    </div>
-  </layout>
-</template>
-
-<script>
-import Layout from '@/layouts'
-import page from "@/components/Pagination"
-// import { getLifeNoList as reqGetLifeNoList } from "../../service/life-no";
-export default {
-  name: "MarketingCenter",
-  components: {
-    Layout,
-    page
-  },
-  data () {
-    return {
-      params: {
-        page: 1,
-        page_size: 20
-      },
-  
-    }
-  },
-  created () {
-    // this.getLifeNoListFn()
-  },
-  methods: {
-  
-
-    //获取列表数据
-    getLifeNoListFn () {
-      let { name, type } = this.life_account
-      let { page, page_size } = this.params
-      let params = {
-        page,
-        page_size,
-        life_account_name: name,
-        life_account_type: type
-      }
-      reqGetLifeNoList(params).then(res => {
-        this.totalNum = res.count
-        this.LifeNoList = res.data
-      })
-    },
-    //查询
-    onSearchSubmit () {
-      this.getLifeNoListFn()
-    },
-    //重置
-    onReset () {
-      this.life_account.name = "",
-        this.life_account.type = ""
-      this.getLifeNoListFn()
-    },
-    update (obj) {
-      Object.assign(this.params, obj)
-      this.getLifeNoListFn(this.params)
-    },
-    toLifeDetail (row) {
-      this.$router.push({ name: 'LifeNoDetail', query: { lifeId: row.life_account_id } });
-    },
-  }
-}
-</script>
-<style lang="less" scoped>
-.life-no {
-  margin: 30px;
-  .search_life {
-    width: 280px;
-  }
-}
-</style>

src/router/Groupmeal/index.js

@@ -19,6 +19,11 @@
       name: "Distrib",
       component: () => import(/* webpackChunkName: "goods" */ "@/pages/Groupmeal/Distrib")
     },
+    {
+      path: "/op/groupmeal/marketing",
+      name: "MarketingCenter",
+      component: () => import(/* webpackChunkName: "marketing" */ "@/pages/Groupmeal/Marketing")
+    },
   ];
   
   export default groupmealRouters;

src/router/Marketing/index.js

-/**
- * 商品列表管理
- */
-const MarketingRouters = [
-  {
-    path: "/op/marketing",
-    redirect: "/op/marketing/center"
-  },
-  {
-    path: "/op/marketing/Center",
-    name: "MarketingCenter",
-    component: () => import(/* webpackChunkName: "marketing" */ "@/pages/Marketing/Center")
-  },
- 
-];
-
-export default MarketingRouters;

src/router/index.js

@@ -15,7 +15,6 @@ import withdrawalRoutes from "./Withdrawal/index";
 import groupmealRouters from "./Groupmeal/index";
 import activityRouters from "./Activity/index";
 import Login from "@/pages/Login/index"; //登录
-import MarketingRouters from "./Marketing/index"; //营销中心
 
 const routes = [
   {
@@ -112,7 +111,6 @@ const routes = [
   // 活动管理路由
   ...activityRouters,
   // 钱包审核
-  ...MarketingRouters,
   ...withdrawalRoutes,
   ...groupmealRouters
 ];