许成详 6 年之前
父節點
當前提交
5de233f16f

+ 148
- 0
src/pages/system/dataStatistics/cardCouponList/index.vue 查看文件

@@ -0,0 +1,148 @@
1
+<template>
2
+  <div class="subPage">
3
+    <div class="system-table-search">
4
+      <div class="flex-h">
5
+        <div class="flex-item flex-h"></div>
6
+        <ul>
7
+          <li>
8
+            <el-select v-model="CaseId" placeholder="请选择案场">
9
+              <el-option
10
+                v-for="item in cases"
11
+                :key="item.CaseId"
12
+                :label="item.CaseName"
13
+                :value="item.CaseId">
14
+              </el-option>
15
+            </el-select>
16
+          </li>
17
+          <li>
18
+            <el-select v-model="postData.type" placeholder="请选择卡券类型">
19
+              <el-option
20
+                v-for="item in typeList"
21
+                :key="item.CaseId"
22
+                :label="item.CaseName"
23
+                :value="item.CaseId">
24
+              </el-option>
25
+            </el-select>
26
+          </li>
27
+          <li>
28
+            <el-input
29
+              placeholder="请输入卡券名称"
30
+              v-model="postData.name"
31
+              clearable>
32
+            </el-input>
33
+          </li>
34
+        </ul>
35
+        <el-button
36
+          size="mini"
37
+          type="primary" @click="search">搜索</el-button>
38
+        <el-button
39
+          size="mini"
40
+          type="success" @click="search">导出Excel</el-button>
41
+      </div>
42
+      <div class="moreFilter"></div>
43
+    </div>
44
+    <div class="system-table-box">
45
+      <el-table
46
+        :data="currentList"
47
+        stripe
48
+        style="width: 100%">
49
+        <el-table-column
50
+          prop="CaseName"
51
+          label="所属案场">
52
+        </el-table-column>
53
+        <el-table-column
54
+          prop="name"
55
+          label="卡券名称">
56
+        </el-table-column>
57
+        <el-table-column
58
+          prop="type"
59
+          label="卡券类型">
60
+        </el-table-column>
61
+        <el-table-column
62
+          prop="sendType"
63
+          label="发送类型">
64
+        </el-table-column>
65
+        <el-table-column
66
+          prop="price"
67
+          label="价格">
68
+        </el-table-column>
69
+        <el-table-column
70
+          prop="getNum"
71
+          label="领取数">
72
+        </el-table-column>
73
+        <el-table-column
74
+          prop="usedNum"
75
+          label="实际使用数">
76
+        </el-table-column>
77
+        <el-table-column
78
+          prop="totalPrice"
79
+          label="总费用">
80
+        </el-table-column>
81
+      </el-table>
82
+    </div>
83
+    <el-pagination
84
+      @current-change="handleCurrentChange"
85
+      :current-page.sync="postData.page"
86
+      :page-size="postData.pagesize"
87
+      layout="prev, pager, next, jumper"
88
+      :total="total">
89
+    </el-pagination>
90
+  </div>
91
+</template>
92
+
93
+<script>
94
+import { mapState } from 'vuex'
95
+import tableSearch from '@/components/tableSearch/index'
96
+
97
+export default {
98
+  name: '',
99
+  data () {
100
+    return {
101
+      total: 0,
102
+      postData: { // 表格搜索条件
103
+        caseid: '', // 案场id
104
+        type: '', // 卡券类型
105
+        name: '', // 卡券名称
106
+        page: 1, // 当前页码
107
+        pagesize: 10, // 请求数据量
108
+      },
109
+      currentList: [],
110
+      typeList: [],
111
+    }
112
+  },
113
+  computed: {
114
+    ...mapState({
115
+      cases: x => x.app.cases.list,
116
+      defaultCaseId: x => x.app.cases.default
117
+    }),
118
+    CaseId: {
119
+      get () {
120
+        return this.postData.caseid || this.defaultCaseId
121
+      },
122
+      set (val) {
123
+        this.postData.caseid = val
124
+      }
125
+    }
126
+  },
127
+  components: {
128
+    tableSearch,
129
+  },
130
+  mounted () {
131
+    this.$nextTick(function () {
132
+    })
133
+  },
134
+  methods: {
135
+    search () { // 搜索
136
+      // 1
137
+    },
138
+    handleCurrentChange (val) { // 跳转到分页
139
+      // this.getList()
140
+    },
141
+  }
142
+}
143
+</script>
144
+
145
+<!-- Add "scoped" attribute to limit CSS to this component only -->
146
+<style lang="scss" scoped>
147
+@import "page.scss";
148
+</style>

+ 36
- 0
src/pages/system/dataStatistics/cardCouponList/page.scss 查看文件

@@ -0,0 +1,36 @@
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
11
+
12
+
13
+
14
+
15
+
16
+
17
+
18
+
19
+
20
+
21
+
22
+
23
+
24
+
25
+
26
+
27
+
28
+
29
+
30
+
31
+
32
+
33
+
34
+
35
+
36
+

+ 203
- 0
src/pages/system/dataStatistics/cardCouponUsedList/index.vue 查看文件

@@ -0,0 +1,203 @@
1
+<template>
2
+  <div class="subPage">
3
+    <div class="system-table-search">
4
+      <div class="flex-h">
5
+        <ul class="searchFilterLine" style="white-space: normal;">
6
+          <li>
7
+            <el-select v-model="CaseId" placeholder="请选择案场">
8
+              <el-option
9
+                v-for="item in cases"
10
+                :key="item.CaseId"
11
+                :label="item.CaseName"
12
+                :value="item.CaseId">
13
+              </el-option>
14
+            </el-select>
15
+          </li>
16
+          <li>
17
+            <el-select v-model="postData.type" placeholder="请选择获取方式">
18
+              <el-option
19
+                v-for="item in typeList"
20
+                :key="item.CaseId"
21
+                :label="item.CaseName"
22
+                :value="item.CaseId">
23
+              </el-option>
24
+            </el-select>
25
+          </li>
26
+          <li>
27
+            <el-select v-model="postData.status" placeholder="请选择状态">
28
+              <el-option
29
+                v-for="item in statusList"
30
+                :key="item.CaseId"
31
+                :label="item.CaseName"
32
+                :value="item.CaseId">
33
+              </el-option>
34
+            </el-select>
35
+          </li>
36
+          <li>
37
+            <el-input
38
+              placeholder="请输入卡券名称"
39
+              v-model="postData.name"
40
+              clearable>
41
+            </el-input>
42
+          </li>
43
+          <li>
44
+            <el-input
45
+              placeholder="请输入手机号"
46
+              v-model="postData.phone"
47
+              clearable>
48
+            </el-input>
49
+          </li>
50
+          <li style="white-space: nowrap;">
51
+            <span>有效期:</span>
52
+            <el-date-picker
53
+              v-model="postData.startDate"
54
+              type="date"
55
+              placeholder="选择起始日期">
56
+            </el-date-picker>
57
+            <span>至</span>
58
+            <el-date-picker
59
+              v-model="postData.endDate"
60
+              type="date"
61
+              placeholder="选择截止日期">
62
+            </el-date-picker>
63
+          </li>
64
+        </ul>
65
+      </div>
66
+      <div class="flex-h">
67
+        <div class="flex-item flex-h"></div>
68
+        <el-button
69
+          size="mini"
70
+          type="primary" @click="search">搜索</el-button>
71
+        <el-button
72
+          size="mini"
73
+          type="success" @click="search">导出Excel</el-button>
74
+      </div>
75
+      <div class="moreFilter"></div>
76
+    </div>
77
+    <div class="system-table-box">
78
+      <el-table
79
+        :data="currentList"
80
+        stripe
81
+        style="width: 100%">
82
+        <el-table-column
83
+          prop="CaseName"
84
+          label="所属案场">
85
+        </el-table-column>
86
+        <el-table-column
87
+          prop="Name"
88
+          label="卡券名称">
89
+        </el-table-column>
90
+        <el-table-column
91
+          prop="GoodsList"
92
+          label="使用商品">
93
+        </el-table-column>
94
+        <el-table-column
95
+          prop="GetType"
96
+          label="获取方式">
97
+        </el-table-column>
98
+        <el-table-column
99
+          prop="NickName"
100
+          label="微信昵称">
101
+        </el-table-column>
102
+        <el-table-column
103
+          prop="Phone"
104
+          label="手机号">
105
+        </el-table-column>
106
+        <el-table-column
107
+          prop="SalerName"
108
+          label="销售">
109
+        </el-table-column>
110
+        <el-table-column
111
+          prop="EndDate"
112
+          label="有效期">
113
+        </el-table-column>
114
+        <el-table-column
115
+          prop="GetDate"
116
+          label="获取时间">
117
+        </el-table-column>
118
+        <el-table-column
119
+          prop="CheckDate"
120
+          label="核销时间">
121
+        </el-table-column>
122
+        <el-table-column
123
+          prop="Status"
124
+          label="状态">
125
+        </el-table-column>
126
+      </el-table>
127
+    </div>
128
+    <el-pagination
129
+      @current-change="handleCurrentChange"
130
+      :current-page.sync="postData.page"
131
+      :page-size="postData.pagesize"
132
+      layout="prev, pager, next, jumper"
133
+      :total="total">
134
+    </el-pagination>
135
+  </div>
136
+</template>
137
+
138
+<script>
139
+import { mapState } from 'vuex'
140
+import tableSearch from '@/components/tableSearch/index'
141
+
142
+export default {
143
+  name: '',
144
+  data () {
145
+    return {
146
+      total: 0,
147
+      postData: { // 表格搜索条件
148
+        phone: '', // 手机号
149
+        status: '', // 状态
150
+        caseid: '', // 案场id
151
+        type: '', // 获取方式
152
+        startDate: '', // 起始日期
153
+        endDate: '', // 截止日期
154
+        name: '', // 卡券名称
155
+        page: 1, // 当前页码
156
+        pagesize: 10, // 请求数据量
157
+      },
158
+      currentList: [],
159
+      typeList: [],
160
+      statusList: [],
161
+    }
162
+  },
163
+  computed: {
164
+    ...mapState({
165
+      cases: x => x.app.cases.list,
166
+      defaultCaseId: x => x.app.cases.default
167
+    }),
168
+    CaseId: {
169
+      get () {
170
+        return this.postData.caseid || this.defaultCaseId
171
+      },
172
+      set (val) {
173
+        this.postData.caseid = val
174
+      }
175
+    }
176
+  },
177
+  components: {
178
+    tableSearch,
179
+  },
180
+  mounted () {
181
+    this.$nextTick(function () {
182
+    })
183
+  },
184
+  methods: {
185
+    search () { // 搜索
186
+      // 1
187
+    },
188
+    handleCurrentChange (val) { // 跳转到分页
189
+      // this.getList()
190
+    },
191
+  }
192
+}
193
+</script>
194
+
195
+<!-- Add "scoped" attribute to limit CSS to this component only -->
196
+<style lang="scss" scoped>
197
+@import "page.scss";
198
+.searchFilterLine{
199
+  >li{
200
+    margin-bottom: 20px;
201
+  }
202
+}
203
+</style>

+ 36
- 0
src/pages/system/dataStatistics/cardCouponUsedList/page.scss 查看文件

@@ -0,0 +1,36 @@
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
11
+
12
+
13
+
14
+
15
+
16
+
17
+
18
+
19
+
20
+
21
+
22
+
23
+
24
+
25
+
26
+
27
+
28
+
29
+
30
+
31
+
32
+
33
+
34
+
35
+
36
+

+ 184
- 0
src/pages/system/dataStatistics/courseOrderList/index.vue 查看文件

@@ -0,0 +1,184 @@
1
+<template>
2
+  <div class="subPage">
3
+    <div class="system-table-search">
4
+      <div class="flex-h">
5
+        <ul class="searchFilterLine" style="white-space: normal;">
6
+          <li>
7
+            <el-select v-model="CaseId" placeholder="请选择案场">
8
+              <el-option
9
+                v-for="item in cases"
10
+                :key="item.CaseId"
11
+                :label="item.CaseName"
12
+                :value="item.CaseId">
13
+              </el-option>
14
+            </el-select>
15
+          </li>
16
+          <li>
17
+            <el-select v-model="postData.type" placeholder="请选择课程类别">
18
+              <el-option
19
+                v-for="item in typeList"
20
+                :key="item.CaseId"
21
+                :label="item.CaseName"
22
+                :value="item.CaseId">
23
+              </el-option>
24
+            </el-select>
25
+          </li>
26
+          <li>
27
+            <el-input
28
+              placeholder="请输入课程活动名称"
29
+              v-model="postData.name"
30
+              clearable>
31
+            </el-input>
32
+          </li>
33
+          <li style="white-space: nowrap;">
34
+            <span>下单时间:</span>
35
+            <el-date-picker
36
+              v-model="postData.startDate"
37
+              type="date"
38
+              placeholder="选择起始日期">
39
+            </el-date-picker>
40
+            <span>至</span>
41
+            <el-date-picker
42
+              v-model="postData.endDate"
43
+              type="date"
44
+              placeholder="选择截止日期">
45
+            </el-date-picker>
46
+          </li>
47
+        </ul>
48
+      </div>
49
+      <div class="flex-h">
50
+        <div class="flex-item flex-h"></div>
51
+        <el-button
52
+          size="mini"
53
+          type="primary" @click="search">搜索</el-button>
54
+        <el-button
55
+          size="mini"
56
+          type="success" @click="search">导出Excel</el-button>
57
+      </div>
58
+      <div class="moreFilter"></div>
59
+    </div>
60
+    <div class="system-table-box">
61
+      <el-table
62
+        :data="currentList"
63
+        stripe
64
+        style="width: 100%">
65
+        <el-table-column
66
+          prop="CaseName"
67
+          label="所属案场">
68
+        </el-table-column>
69
+        <el-table-column
70
+          prop="Name"
71
+          label="卡券名称">
72
+        </el-table-column>
73
+        <el-table-column
74
+          prop="GoodsList"
75
+          label="使用商品">
76
+        </el-table-column>
77
+        <el-table-column
78
+          prop="GetType"
79
+          label="获取方式">
80
+        </el-table-column>
81
+        <el-table-column
82
+          prop="NickName"
83
+          label="微信昵称">
84
+        </el-table-column>
85
+        <el-table-column
86
+          prop="Phone"
87
+          label="手机号">
88
+        </el-table-column>
89
+        <el-table-column
90
+          prop="SalerName"
91
+          label="销售">
92
+        </el-table-column>
93
+        <el-table-column
94
+          prop="EndDate"
95
+          label="有效期">
96
+        </el-table-column>
97
+        <el-table-column
98
+          prop="GetDate"
99
+          label="获取时间">
100
+        </el-table-column>
101
+        <el-table-column
102
+          prop="CheckDate"
103
+          label="核销时间">
104
+        </el-table-column>
105
+        <el-table-column
106
+          prop="Status"
107
+          label="状态">
108
+        </el-table-column>
109
+      </el-table>
110
+    </div>
111
+    <el-pagination
112
+      @current-change="handleCurrentChange"
113
+      :current-page.sync="postData.page"
114
+      :page-size="postData.pagesize"
115
+      layout="prev, pager, next, jumper"
116
+      :total="total">
117
+    </el-pagination>
118
+  </div>
119
+</template>
120
+
121
+<script>
122
+import { mapState } from 'vuex'
123
+import tableSearch from '@/components/tableSearch/index'
124
+
125
+export default {
126
+  name: '',
127
+  data () {
128
+    return {
129
+      total: 0,
130
+      postData: { // 表格搜索条件
131
+        caseid: '', // 案场id
132
+        type: '', // 获取方式
133
+        startDate: '', // 起始日期
134
+        endDate: '', // 截止日期
135
+        name: '', // 卡券名称
136
+        page: 1, // 当前页码
137
+        pagesize: 10, // 请求数据量
138
+      },
139
+      currentList: [],
140
+      typeList: [],
141
+      statusList: [],
142
+    }
143
+  },
144
+  computed: {
145
+    ...mapState({
146
+      cases: x => x.app.cases.list,
147
+      defaultCaseId: x => x.app.cases.default
148
+    }),
149
+    CaseId: {
150
+      get () {
151
+        return this.postData.caseid || this.defaultCaseId
152
+      },
153
+      set (val) {
154
+        this.postData.caseid = val
155
+      }
156
+    }
157
+  },
158
+  components: {
159
+    tableSearch,
160
+  },
161
+  mounted () {
162
+    this.$nextTick(function () {
163
+    })
164
+  },
165
+  methods: {
166
+    search () { // 搜索
167
+      // 1
168
+    },
169
+    handleCurrentChange (val) { // 跳转到分页
170
+      // this.getList()
171
+    },
172
+  }
173
+}
174
+</script>
175
+
176
+<!-- Add "scoped" attribute to limit CSS to this component only -->
177
+<style lang="scss" scoped>
178
+@import "page.scss";
179
+.searchFilterLine{
180
+  >li{
181
+    margin-bottom: 20px;
182
+  }
183
+}
184
+</style>

+ 36
- 0
src/pages/system/dataStatistics/courseOrderList/page.scss 查看文件

@@ -0,0 +1,36 @@
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
11
+
12
+
13
+
14
+
15
+
16
+
17
+
18
+
19
+
20
+
21
+
22
+
23
+
24
+
25
+
26
+
27
+
28
+
29
+
30
+
31
+
32
+
33
+
34
+
35
+
36
+

+ 148
- 0
src/pages/system/dataStatistics/courseStatisticsList/index.vue 查看文件

@@ -0,0 +1,148 @@
1
+<template>
2
+  <div class="subPage">
3
+    <div class="system-table-search">
4
+      <div class="flex-h">
5
+        <div class="flex-item flex-h"></div>
6
+        <ul>
7
+          <li>
8
+            <el-select v-model="CaseId" placeholder="请选择案场">
9
+              <el-option
10
+                v-for="item in cases"
11
+                :key="item.CaseId"
12
+                :label="item.CaseName"
13
+                :value="item.CaseId">
14
+              </el-option>
15
+            </el-select>
16
+          </li>
17
+          <li>
18
+            <el-select v-model="postData.type" placeholder="请选择课程类别">
19
+              <el-option
20
+                v-for="item in typeList"
21
+                :key="item.CaseId"
22
+                :label="item.CaseName"
23
+                :value="item.CaseId">
24
+              </el-option>
25
+            </el-select>
26
+          </li>
27
+          <li>
28
+            <el-input
29
+              placeholder="请输入课程名称"
30
+              v-model="postData.name"
31
+              clearable>
32
+            </el-input>
33
+          </li>
34
+        </ul>
35
+        <el-button
36
+          size="mini"
37
+          type="primary" @click="search">搜索</el-button>
38
+        <el-button
39
+          size="mini"
40
+          type="success" @click="search">导出Excel</el-button>
41
+      </div>
42
+      <div class="moreFilter"></div>
43
+    </div>
44
+    <div class="system-table-box">
45
+      <el-table
46
+        :data="currentList"
47
+        stripe
48
+        style="width: 100%">
49
+        <el-table-column
50
+          prop="CaseName"
51
+          label="所属案场">
52
+        </el-table-column>
53
+        <el-table-column
54
+          prop="Name"
55
+          label="课程名称">
56
+        </el-table-column>
57
+        <el-table-column
58
+          prop="Type"
59
+          label="课程类别">
60
+        </el-table-column>
61
+        <el-table-column
62
+          prop="Date"
63
+          label="课程时间">
64
+        </el-table-column>
65
+        <el-table-column
66
+          prop="Price"
67
+          label="课程价格">
68
+        </el-table-column>
69
+        <el-table-column
70
+          prop="ApplyNum"
71
+          label="报名人数">
72
+        </el-table-column>
73
+        <el-table-column
74
+          prop="CheckedNum"
75
+          label="核销人数">
76
+        </el-table-column>
77
+        <el-table-column
78
+          prop="totalPrice"
79
+          label="总费用">
80
+        </el-table-column>
81
+      </el-table>
82
+    </div>
83
+    <el-pagination
84
+      @current-change="handleCurrentChange"
85
+      :current-page.sync="postData.page"
86
+      :page-size="postData.pagesize"
87
+      layout="prev, pager, next, jumper"
88
+      :total="total">
89
+    </el-pagination>
90
+  </div>
91
+</template>
92
+
93
+<script>
94
+import { mapState } from 'vuex'
95
+import tableSearch from '@/components/tableSearch/index'
96
+
97
+export default {
98
+  name: '',
99
+  data () {
100
+    return {
101
+      total: 0,
102
+      postData: { // 表格搜索条件
103
+        caseid: '', // 案场id
104
+        type: '', // 卡券类型
105
+        name: '', // 卡券名称
106
+        page: 1, // 当前页码
107
+        pagesize: 10, // 请求数据量
108
+      },
109
+      currentList: [],
110
+      typeList: [],
111
+    }
112
+  },
113
+  computed: {
114
+    ...mapState({
115
+      cases: x => x.app.cases.list,
116
+      defaultCaseId: x => x.app.cases.default
117
+    }),
118
+    CaseId: {
119
+      get () {
120
+        return this.postData.caseid || this.defaultCaseId
121
+      },
122
+      set (val) {
123
+        this.postData.caseid = val
124
+      }
125
+    }
126
+  },
127
+  components: {
128
+    tableSearch,
129
+  },
130
+  mounted () {
131
+    this.$nextTick(function () {
132
+    })
133
+  },
134
+  methods: {
135
+    search () { // 搜索
136
+      // 1
137
+    },
138
+    handleCurrentChange (val) { // 跳转到分页
139
+      // this.getList()
140
+    },
141
+  }
142
+}
143
+</script>
144
+
145
+<!-- Add "scoped" attribute to limit CSS to this component only -->
146
+<style lang="scss" scoped>
147
+@import "page.scss";
148
+</style>

+ 36
- 0
src/pages/system/dataStatistics/courseStatisticsList/page.scss 查看文件

@@ -0,0 +1,36 @@
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
11
+
12
+
13
+
14
+
15
+
16
+
17
+
18
+
19
+
20
+
21
+
22
+
23
+
24
+
25
+
26
+
27
+
28
+
29
+
30
+
31
+
32
+
33
+
34
+
35
+
36
+

+ 31
- 0
src/pages/system/dataStatistics/goodsOrderList/index.vue 查看文件

@@ -0,0 +1,31 @@
1
+<template>
2
+  <div class="subPage">
3
+    1
4
+  </div>
5
+</template>
6
+
7
+<script>
8
+import tableSearch from '@/components/tableSearch/index'
9
+
10
+export default {
11
+  name: '',
12
+  data () {
13
+    return {
14
+    }
15
+  },
16
+  components: {
17
+    tableSearch,
18
+  },
19
+  mounted () {
20
+    this.$nextTick(function () {
21
+    })
22
+  },
23
+  methods: {
24
+  }
25
+}
26
+</script>
27
+
28
+<!-- Add "scoped" attribute to limit CSS to this component only -->
29
+<style lang="scss" scoped>
30
+@import "page.scss";
31
+</style>

+ 36
- 0
src/pages/system/dataStatistics/goodsOrderList/page.scss 查看文件

@@ -0,0 +1,36 @@
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
11
+
12
+
13
+
14
+
15
+
16
+
17
+
18
+
19
+
20
+
21
+
22
+
23
+
24
+
25
+
26
+
27
+
28
+
29
+
30
+
31
+
32
+
33
+
34
+
35
+
36
+

+ 144
- 0
src/pages/system/dataStatistics/goodsStatisticsList/index.vue 查看文件

@@ -0,0 +1,144 @@
1
+<template>
2
+  <div class="subPage">
3
+    <div class="system-table-search">
4
+      <div class="flex-h">
5
+        <div class="flex-item flex-h"></div>
6
+        <ul>
7
+          <li>
8
+            <el-select v-model="CaseId" placeholder="请选择案场">
9
+              <el-option
10
+                v-for="item in cases"
11
+                :key="item.CaseId"
12
+                :label="item.CaseName"
13
+                :value="item.CaseId">
14
+              </el-option>
15
+            </el-select>
16
+          </li>
17
+          <li>
18
+            <el-select v-model="postData.type" placeholder="请选择商品分类">
19
+              <el-option
20
+                v-for="item in typeList"
21
+                :key="item.CaseId"
22
+                :label="item.CaseName"
23
+                :value="item.CaseId">
24
+              </el-option>
25
+            </el-select>
26
+          </li>
27
+          <li>
28
+            <el-input
29
+              placeholder="请输入商品名称"
30
+              v-model="postData.name"
31
+              clearable>
32
+            </el-input>
33
+          </li>
34
+        </ul>
35
+        <el-button
36
+          size="mini"
37
+          type="primary" @click="search">搜索</el-button>
38
+        <el-button
39
+          size="mini"
40
+          type="success" @click="search">导出Excel</el-button>
41
+      </div>
42
+      <div class="moreFilter"></div>
43
+    </div>
44
+    <div class="system-table-box">
45
+      <el-table
46
+        :data="currentList"
47
+        stripe
48
+        style="width: 100%">
49
+        <el-table-column
50
+          prop="CaseName"
51
+          label="所属案场">
52
+        </el-table-column>
53
+        <el-table-column
54
+          prop="Name"
55
+          label="商品名称">
56
+        </el-table-column>
57
+        <el-table-column
58
+          prop="Type"
59
+          label="商品分类">
60
+        </el-table-column>
61
+        <el-table-column
62
+          prop="Price"
63
+          label="价格">
64
+        </el-table-column>
65
+        <el-table-column
66
+          prop="OrderNum"
67
+          label="下单数">
68
+        </el-table-column>
69
+        <el-table-column
70
+          prop="OverNum"
71
+          label="完成数">
72
+        </el-table-column>
73
+        <el-table-column
74
+          prop="totalPrice"
75
+          label="总费用">
76
+        </el-table-column>
77
+      </el-table>
78
+    </div>
79
+    <el-pagination
80
+      @current-change="handleCurrentChange"
81
+      :current-page.sync="postData.page"
82
+      :page-size="postData.pagesize"
83
+      layout="prev, pager, next, jumper"
84
+      :total="total">
85
+    </el-pagination>
86
+  </div>
87
+</template>
88
+
89
+<script>
90
+import { mapState } from 'vuex'
91
+import tableSearch from '@/components/tableSearch/index'
92
+
93
+export default {
94
+  name: '',
95
+  data () {
96
+    return {
97
+      total: 0,
98
+      postData: { // 表格搜索条件
99
+        caseid: '', // 案场id
100
+        type: '', // 卡券类型
101
+        name: '', // 卡券名称
102
+        page: 1, // 当前页码
103
+        pagesize: 10, // 请求数据量
104
+      },
105
+      currentList: [],
106
+      typeList: [],
107
+    }
108
+  },
109
+  computed: {
110
+    ...mapState({
111
+      cases: x => x.app.cases.list,
112
+      defaultCaseId: x => x.app.cases.default
113
+    }),
114
+    CaseId: {
115
+      get () {
116
+        return this.postData.caseid || this.defaultCaseId
117
+      },
118
+      set (val) {
119
+        this.postData.caseid = val
120
+      }
121
+    }
122
+  },
123
+  components: {
124
+    tableSearch,
125
+  },
126
+  mounted () {
127
+    this.$nextTick(function () {
128
+    })
129
+  },
130
+  methods: {
131
+    search () { // 搜索
132
+      // 1
133
+    },
134
+    handleCurrentChange (val) { // 跳转到分页
135
+      // this.getList()
136
+    },
137
+  }
138
+}
139
+</script>
140
+
141
+<!-- Add "scoped" attribute to limit CSS to this component only -->
142
+<style lang="scss" scoped>
143
+@import "page.scss";
144
+</style>

+ 36
- 0
src/pages/system/dataStatistics/goodsStatisticsList/page.scss 查看文件

@@ -0,0 +1,36 @@
1
+
2
+
3
+
4
+
5
+
6
+
7
+
8
+
9
+
10
+
11
+
12
+
13
+
14
+
15
+
16
+
17
+
18
+
19
+
20
+
21
+
22
+
23
+
24
+
25
+
26
+
27
+
28
+
29
+
30
+
31
+
32
+
33
+
34
+
35
+
36
+

+ 36
- 0
src/pages/system/page.js 查看文件

@@ -76,6 +76,12 @@ import phoneVerificationList from './verificationManager/phoneVerification/verif
76 76
 
77 77
 import dataStatistics from './dataStatistics/index' // 数据统计
78 78
 import frontEndUserList from './dataStatistics/frontEndUserList/index' // 课程管理
79
+import cardCouponList from './dataStatistics/cardCouponList/index' // 卡券统计列表
80
+import cardCouponUsedList from './dataStatistics/cardCouponUsedList/index' // 卡券使用统计
81
+import courseStatisticsList from './dataStatistics/courseStatisticsList/index' // 课程统计列表
82
+import courseOrderList from './dataStatistics/courseOrderList/index' // 课程订单列表
83
+import goodsOrderList from './dataStatistics/goodsOrderList/index' // 商品订单列表
84
+import goodsStatisticsList from './dataStatistics/goodsStatisticsList/index' // 商品统计列表
79 85
 
80 86
 import newOrder from './newOrder/index' // 商品订单系统
81 87
 import newOrderList from './newOrder/newOrderList/index' // 新订单列表
@@ -446,6 +452,36 @@ export default {
446 452
           name: 'frontEndUserList',
447 453
           component: frontEndUserList,
448 454
           children: []
455
+        }, { // 卡券统计列表
456
+          path: 'cardCouponList',
457
+          name: 'cardCouponList',
458
+          component: cardCouponList,
459
+          children: []
460
+        }, { // 卡券使用列表
461
+          path: 'cardCouponUsedList',
462
+          name: 'cardCouponUsedList',
463
+          component: cardCouponUsedList,
464
+          children: []
465
+        }, { // 课程统计列表
466
+          path: 'courseStatisticsList',
467
+          name: 'courseStatisticsList',
468
+          component: courseStatisticsList,
469
+          children: []
470
+        }, { // 课程订单列表
471
+          path: 'courseOrderList',
472
+          name: 'courseOrderList',
473
+          component: courseOrderList,
474
+          children: []
475
+        }, { // 商品订单列表
476
+          path: 'goodsOrderList',
477
+          name: 'goodsOrderList',
478
+          component: goodsOrderList,
479
+          children: []
480
+        }, { // 商品统计列表
481
+          path: 'goodsStatisticsList',
482
+          name: 'goodsStatisticsList',
483
+          component: goodsStatisticsList,
484
+          children: []
449 485
         }]
450 486
       }, { // 卡券管理
451 487
         path: 'cardAndCouponManager',