up

src/api/activity/activityOrder.js

@@ -0,0 +1,34 @@
+import request from "@/utils/request";
+
+export function index(params) {
+  return request({
+    method: 'get',
+    url: '/api/admin/vr/index',
+    params
+  })
+}
+
+
+export function save(data) {
+  return request({
+    url: '/api/admin/vr/save',
+    method: 'post',
+    data
+  })
+}
+
+export function show(params) {
+  return request({
+    method: 'get',
+    url: '/api/admin/vr/show',
+    params
+  })
+}
+
+export function destroy(params) {
+  return request({
+    method: 'get',
+    url: '/api/admin/vr/destroy',
+    params
+  })
+}

src/views/activity/activityOrder.vue

@@ -1,8 +1,159 @@
-<template>
-</template>
-
-<script>
-</script>
-
-<style>
-</style>
+<template>
+  <div>
+    <lx-header icon="md-apps" style="margin-bottom: 10px; border: 0px; margin-top: 15px" text="活动参与管理">
+      <div slot="content"></div>
+      <slot>
+        <div class="selects">
+          <div style="display: flex;align-items: center;">
+            <span style="padding: 0 6px;word-break: keep-all;">
+              活动
+            </span>
+            <Select v-model="select.activity_list_id" style="width: 180px;">
+              <Option v-for="(item,index) of listActivity" :key="item.id" :value="item.id" :label="item.name">
+              </Option>
+            </Select>
+          </div>
+          <div>
+            <span style="padding: 0 6px;word-break: keep-all;">
+              关键字
+            </span>
+            <Input v-model="select.keyword" placeholder="请输入关键字" style="width: 180px"></Input>
+          </div>
+
+          <Button style="margin-left: 10px" type="primary" @click="select={page:1,keyword:''}">重置
+          </Button>
+          <Button style="margin-left: 10px" type="primary" @click="doSearch">查询</Button>
+          <Button style="margin-left: 10px" type="primary" @click="add">新增</Button>
+        </div>
+      </slot>
+    </lx-header>
+
+
+    <xy-table :list="list" :total="total" :table-item="table" @delete="deleteitem"
+      @editor="(row)=>{$refs['addActivityUser'].id = row.id;$refs['addActivityUser'].isShow = true;$refs['addActivityUser'].type = 'editor'}">
+      <template v-slot:btns v-if="type==0 ">
+
+      </template>
+    </xy-table>
+    <addActivityUser ref="addActivityUser" :listActivity="listActivity" @refresh="load()"></addActivityUser>
+  </div>
+</template>
+
+<script>
+  import {
+    index,
+    destroy,
+    show
+  } from "@/api/activity/activityOrder";
+  import {
+    index as activityIndex
+  } from "@/api/activity/index";
+
+
+  import addActivityUser from '@/views/activity/components/addActivityUser'
+  export default {
+    components: {
+      addActivityUser
+    },
+    data() {
+      return {
+        select: {
+          page: 1,
+          page_size: 20,
+          keyword: '',
+          activity_list_id: ""
+        },
+        listActivity: [],
+        total: 0,
+        list: [],
+        table: [{
+            prop: 'activity_list.name',
+            label: '活动名称',
+            fixed: 'left',
+            align: 'left'
+          }, {
+            prop: 'name',
+            label: '用户名称',
+            align: 'left',
+
+
+          }, {
+            prop: 'username',
+            label: '登录账号',
+            align: 'center'
+          }, {
+            prop: 'mobile',
+            label: '手机号',
+            align: 'center'
+          },
+          {
+            prop: 'created_at',
+            label: '创建信息',
+            width: 190,
+            formatter: (v1, v2, value) => {
+              return this.$moment(value).format("YYYY-MM-DD HH:mm:ss");
+            }
+          }
+        ],
+      }
+    },
+    methods: {
+
+      async loadActivity() {
+        const res = await activityIndex({
+          page: 1,
+          page_size: 999
+        })
+        this.listActivity = res.data;
+      },
+      doSearch() {
+        this.select.page = 1;
+        this.load();
+      },
+      add() {
+        this.$refs['addActivityUser'].isShow = true
+      },
+      pageSizeChange(e) {
+        this.select.page_size = e;
+        this.select.page = 1;
+        this.load();
+      },
+      async load() {
+        const res = await index(this.select)
+        this.total = res.total
+        this.list = res.data
+      },
+      deleteitem(row) {
+        destroy({
+          id: row.id
+        }).then(res => {
+          this.load();
+          this.$Message.success("操作成功");
+        })
+      },
+      pageChange(e) {
+        this.select.page = e
+        this.load()
+      },
+    },
+    mounted() {
+      this.load();
+      this.loadActivity()
+    },
+    created() {
+      let type = parseInt(this.$route.path.split("_")[1]);
+      this.type = this.select.is_auth = type;
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  .selects {
+    display: flex;
+    flex-wrap: wrap;
+
+    &>div {
+      margin-bottom: 6px;
+    }
+  }
+</style>