feat:管理列表页面

src/pages/Activity/Manage/index.vue

@@ -6,7 +6,7 @@
           <el-input v-model="activity.activityName"></el-input>
         </el-form-item>
         <el-form-item label="活动状态">
-          <el-select v-model="value">
+          <el-select v-model="activity.online_status">
             <el-option
               v-for="item in options"
               :key="item.value"
@@ -20,17 +20,17 @@
         </el-form-item>
         <el-button type="primary">发布拼单</el-button>
         <!-- 列表 -->
-        <el-table :data="data" border style="width: 100%">
+        <el-table :data="manageList" border style="width: 100%">
           <el-table-column
             align="center"
-            prop="prop"
+            prop="activiteId"
             label="活动ID"
             width="width"
           >
           </el-table-column>
           <el-table-column
             align="center"
-            prop="prop"
+            prop="activiteHead"
             label="活动标题"
             @header-click="handleHeadline"
             width="width"
@@ -38,7 +38,7 @@
           </el-table-column>
           <el-table-column
             align="center"
-            prop="prop"
+            prop="activiteStatus"
             label="活动状态"
             width="width"
           >
@@ -56,59 +56,78 @@
           </el-table-column>
           <el-table-column
             align="center"
-            prop="prop"
+            prop="orderNumber"
             label="订单数量"
             width="width"
           >
           </el-table-column>
           <el-table-column
             align="center"
-            prop="prop"
+            prop="soldGoods"
             label="已售商品数量"
             width="width"
           >
           </el-table-column>
           <el-table-column
             align="center"
-            prop="prop"
+            prop="pay"
             label="支付金额"
             width="width"
           >
           </el-table-column>
           <el-table-column
             align="center"
-            prop="prop"
+            prop="discounts"
             label="优惠金额"
             width="width"
           >
           </el-table-column>
           <el-table-column
             align="center"
-            prop="prop"
+            prop="refund"
             label="已退款金额"
             width="width"
           >
           </el-table-column>
           <el-table-column
             align="center"
-            prop="prop"
+            prop="realized"
             label="实际收入"
             width="width"
           >
           </el-table-column>
-          <el-table-column
-            align="center"
-            prop="prop"
-            label="操作"
-            width="width"
-          >
+          <el-table-column align="center" prop="prop" label="操作" width="250">
+            <template #default="scope">
+              <el-button
+                type="primary"
+                size="small"
+                @click="handleModify(scope.row)"
+                >修改</el-button>
+              <el-popconfirm title="确定要结束本次拼单吗？">
+                <template #reference>
+                  <el-button
+                    type="primary"
+                    size="small"
+                    @click="handleEnd(scope.row)"
+                    >结束</el-button>
+                </template>
+              </el-popconfirm>
+              <el-popconfirm title="确定要开启本次拼单吗？">
+                <template #reference>
+                  <el-button
+                    type="primary"
+                    size="small"
+                    @click="handleStart(scope.row)"
+                    >开始</el-button>
+                </template>
+              </el-popconfirm>
+              <el-button
+                type="primary"
+                size="small"
+                @click="handleLook(scope.row)"
+                >查看订单</el-button>
+            </template>
           </el-table-column>
-          <template>
-            <el-button type="primary">修改</el-button>
-            <el-button type="primary">结束</el-button>
-            <el-button type="primary">开始</el-button>
-            <el-button type="primary">查看订单</el-button>
-          </template>
         </el-table>
       </el-form>
     </el-card>
@@ -121,21 +140,40 @@ export default {
     return {
       activity: {
         activityName: "",
+        online_status: [],
       },
+      manageList: [
+        {
+          activiteId: "413315",
+          activiteHead: "生活圈7月29午饭",
+          activiteStatus: "进行中",
+          orderNumber: "345",
+          soldGoods: "",
+          pay: "",
+          discounts: "",
+          refund: "",
+          realized: "4000",
+        },
+      ],
       options: [
-          { value: '选项1',label: "未开始",},
-          {  value: '选项2',label: "进行中" },
-          {  value: '选项3',label: "已结束" },
-        ],
-        value:'',
+        { value: "0", label: "未开始" },
+        { value: "1", label: "进行中" },
+        { value: "2", label: "已结束" },
+      ],
     };
   },
   methods: {
     //   点击活动标题
-    handleHeadline() {
-
-    }
-  }
+    handleHeadline() {},
+    // 修改
+    handleModify() {},
+    // 结束
+    handleEnd() {},
+    // 开始
+    handleStart() {},
+    // 查看详情
+    handleLook() {},
+  },
 };
 </script>
 <style lang="less" src="./index.less" scope></style>
\ No newline at end of file