web 教务，课时费统计，时间筛选

Learun.Framework.Ultimate V7/Learun.Application.Web/Areas/EducationalAdministration/Views/ArrangeLessonTerm/coursestatictis.cshtml

@@ -19,6 +19,94 @@
                     <div class="lr-layout-tool-item">
                         <div id="status" style="min-width:150px"></div>
                     </div>
+                    <div class="lr-layout-tool-item">
+                        <div class=" btn-group btn-group-sm">
+                            <div id="app">
+                                <a class="btn btn-default" v-on:click="nocludesVisible = true">时间段排除</a>
+                                <el-dialog title="时间段排除"
+                                           :visible.sync="nocludesVisible"
+                                           width="500px"
+                                           append-to-body
+                                           :before-close="handleClose">
+                                    <div v-for="(item,index) in searchNoIncludes" style="padding-bottom:18px;">
+                                        <el-date-picker v-model="item.value"
+                                                        size="small"
+                                                        type="datetimerange"
+                                                        value-format="yyyy-MM-dd HH:mm:ss"
+                                                        :picker-options="pickerOptions"
+                                                        range-separator="至"
+                                                        start-placeholder="开始日期"
+                                                        end-placeholder="结束日期"
+                                                        align="right">
+                                        </el-date-picker>
+                                        <el-button
+                                                   size="small"
+                                                   type="warning"
+                                                   plain
+                                                   class="el-icon-delete"
+                                                   v-on:click="delNoIcludes(index)">
+                                        </el-button>
+                                    </div>
+                                    <div>
+                                        <el-button size="small" type="primary" plain v-on:click="addNoCludes">新增</el-button>
+                                    </div>
+                                    <span slot="footer" class="dialog-footer">
+                                        <el-button size="small" type="primary" v-on:click="nocludesVisible = false">确 定</el-button>
+                                    </span>
+                                </el-dialog>
+                            </div>
+                            <script src="~/Content/vue/vue.js"></script>
+                            <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
+                            <script src="https://unpkg.com/element-ui/lib/index.js"></script>
+                            <script>
+                                new Vue({
+                                    el: "#app",
+                                    data: {
+                                        searchNoIncludes: [{value:null}],
+                                        nocludesVisible: false,
+                                        pickerOptions: {
+                                            shortcuts: [{
+                                                text: '最近一周',
+                                                onClick(picker) {
+                                                    const end = new Date();
+                                                    const start = new Date();
+                                                    start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+                                                    picker.$emit('pick', [start, end]);
+                                                }
+                                            }, {
+                                                text: '最近一个月',
+                                                onClick(picker) {
+                                                    const end = new Date();
+                                                    const start = new Date();
+                                                    start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+                                                    picker.$emit('pick', [start, end]);
+                                                }
+                                            }, {
+                                                text: '最近三个月',
+                                                onClick(picker) {
+                                                    const end = new Date();
+                                                    const start = new Date();
+                                                    start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+                                                    picker.$emit('pick', [start, end]);
+                                                }
+                                            }]
+                                        },
+                                    },
+                                    methods: {
+                                        handleClose() {
+                                            this.nocludesVisible = false
+                                        },
+                                        addNoCludes() {
+                                            this.searchNoIncludes.push({ value: null })
+                                        },
+                                        delNoIcludes(index) {
+                                            this.searchNoIncludes.splice(index,1)
+                                        }
+                                    }
+                                })
+                            </script>
+                        </div>
+                    </div>
                     <div class="lr-layout-tool-item">
                         <a id="btn_Search" class="btn btn-primary btn-sm"><i class="fa fa-search"></i>&nbsp;查询</a>
                     </div>