feat:管理列表

src/pages/Activity/Manage/index.less

+.header {
+    width: 100%;
+	height: 100%;
+	padding: 0 30px;
+}
\ No newline at end of file

src/pages/Activity/Manage/index.vue

 <template>
-    <div>ssf</div>
+  <div>
+    <el-card class="header">
+      <el-form ref="form" :model="activity" inline label-width="80px">
+        <el-form-item label="活动名称">
+          <el-input v-model="activity.activityName"></el-input>
+        </el-form-item>
+        <el-form-item label="活动状态">
+          <el-select v-model="value">
+            <el-option
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item style="margin-left: 50px">
+          <el-button type="primary">搜索</el-button>
+        </el-form-item>
+        <el-button type="primary">发布拼单</el-button>
+        <!-- 列表 -->
+        <el-table :data="data" border style="width: 100%">
+          <el-table-column
+            align="center"
+            prop="prop"
+            label="活动ID"
+            width="width"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="prop"
+            label="活动标题"
+            @header-click="handleHeadline"
+            width="width"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="prop"
+            label="活动状态"
+            width="width"
+          >
+            <template #default="scope">
+              <span>
+                {{
+                  scope.row.online_status == 2
+                    ? "进行中"
+                    : scope.row.online_status == 1
+                    ? "未开始"
+                    : "已结束"
+                }}
+              </span>
+            </template>
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="prop"
+            label="订单数量"
+            width="width"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="prop"
+            label="已售商品数量"
+            width="width"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="prop"
+            label="支付金额"
+            width="width"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="prop"
+            label="优惠金额"
+            width="width"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="prop"
+            label="已退款金额"
+            width="width"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="prop"
+            label="实际收入"
+            width="width"
+          >
+          </el-table-column>
+          <el-table-column
+            align="center"
+            prop="prop"
+            label="操作"
+            width="width"
+          >
+          </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>
+  </div>
 </template>
 <script>
 export default {
+  name: "Manage",
+  data() {
+    return {
+      activity: {
+        activityName: "",
+      },
+      options: [
+          { value: '选项1',label: "未开始",},
+          {  value: '选项2',label: "进行中" },
+          {  value: '选项3',label: "已结束" },
+        ],
+        value:'',
+    };
+  },
+  methods: {
+    //   点击活动标题
+    handleHeadline() {
 
-}
+    }
+  }
+};
 </script>
-<style lang="less" scope>
-    
-</style>
\ No newline at end of file
+<style lang="less" src="./index.less" scope></style>
\ No newline at end of file