define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form) {

    // 检查手机号码是否输入正确
    let checkMobile = (rule, value, callback) => {
        if (!/^1[3|4|5|6|7|8|9][\d]{9}$/.test(value)) {
            callback(new Error('请您输入正确的手机号码'));
        } else {
            callback()
        }
    };

    var Controller = {
        index: function () {
            let vue = new Vue({
                el: '#vue',
                data: {
                    showSearchBox: false,
                    chinaList: [],
                    loadingText: '拼命加载中...',
                    // 添加编辑
                    title: '',
                    addDialog: false,
                    // 表格当前页数据
                    tableData: [],
                    // 多选数组
                    multipleSelection: [],
                    // 搜索条件
                    key: '',
                    // 默认每页数据量
                    pageSize: 20,
                    // 当前页码
                    currentPage: 1,
                    // 默认数据总数
                    totalCount: 0,
                    // 列表加载遮罩
                    listLoading: false,
                    // 搜索字段
                    search: {
                        dateTime: '',
                        nickname: '',
                        mobile: '',
                        sort: 'id',
                        status: '',
                        gender: '',
                        china: ''
                    },
                    // 字段信息
                    formData: {},
                    statusOpt: [{
                        id: 1,
                        value: '启用'
                    }, {
                        id: 2,
                        value: '禁用'
                    }],
                    // 表单验证规则
                    rules: {
                        nickname: [{
                            required: true,
                            message: '请您输入微信昵称',
                            trigger: 'blur'
                        }],
                        avatar: [{
                            required: true,
                            message: '请您上传头像',
                            trigger: 'blur'
                        }],
                        // mobile: [{
                        //     required: true,
                        //     message: '请您输入手机号码',
                        //     trigger: 'blur'
                        // }, {
                        //     validator: checkMobile
                        // }],
                    },
                    pickerOptions: {
                        shortcuts: [{
                            text: '昨日',
                            onClick(picker) {
                                const start = moment().subtract(1, 'days').startOf('day').toDate();
                                const end = moment().subtract(1, 'days').endOf('day').toDate();

                                picker.$emit('pick', [start, end]);
                            }
                        }, {
                            text: '今日',
                            onClick(picker) {
                                const start = moment().startOf('day').toDate();
                                const end = moment()
                                    .endOf('day')
                                    .seconds(59)
                                    .minutes(59)
                                    .hours(23)
                                    .toDate();

                                picker.$emit('pick', [start, end]);
                            }
                        }, {
                            text: '近7天',
                            onClick(picker) {
                                const start = moment().subtract(7, 'days').startOf('day').toDate();
                                const end = moment()
                                    .endOf('day')
                                    .seconds(59)
                                    .minutes(59)
                                    .hours(23)
                                    .toDate();

                                picker.$emit('pick', [start, end]);
                            }
                        }, {
                            text: '本月',
                            onClick(picker) {
                                const start = moment().startOf('month').startOf('day').toDate();
                                const end = moment().endOf('month').endOf('day').toDate();
                                picker.$emit('pick', [start, end]);
                            }
                        }, {
                            text: '今年',
                            onClick(picker) {
                                const start = moment().startOf('year').startOf('day').toDate();
                                const end = moment().endOf('year').endOf('day').toDate();
                                picker.$emit('pick', [start, end]);
                            }
                        }]
                    },
                    pickerOptionsOrder: {
                        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]);
                            }
                        }, {
                            text: '最近半年',
                            onClick(picker) {
                                const end = new Date();
                                const start = new Date();
                                start.setTime(start.getTime() - 3600 * 1000 * 24 * 180);
                                picker.$emit('pick', [start, end]);
                            }
                        }, {
                            text: '最近一年',
                            onClick(picker) {
                                const end = new Date();
                                const start = new Date();
                                start.setTime(start.getTime() - 3600 * 1000 * 24 * 365);
                                picker.$emit('pick', [start, end]);
                            }
                        }]
                    },
                    // 时间格式化
                    dateFormat: function (row, column) {
                        var date = row[column.property];
                        if (date === undefined || date === 0) {
                            return '';
                        }
                        return moment(date * 1000).format("YYYY-MM-DD HH:mm:ss");
                    }
                },
                created() {
                    this.loadData(this.currentPage, this.pageSize, this.search.sort);
                },
                methods: {
                    // 刷新页面
                    refreshPage() {
                        this.search = {
                            dateTime: '',
                            nickname: '',
                            mobile: '',
                            sort: 'id',
                            status: '',
                            gender: '',
                            china: ''
                        };
                        this.loadData(this.currentPage, this.pageSize, this.search.sort);
                    },
                    // 显示隐藏搜索模块
                    handleClickSearchBox() {
                        this.showSearchBox = !this.showSearchBox;
                    },
                    handleClearSelect(field) {
                        // 重新加载
                        this.$set(this.search, field, '');
                        this.loadData(this.currentPage, this.pageSize, this.search.sort);
                    },
                    handleClearSearchInp() {
                        // 重新加载
                        this.loadData(this.currentPage, this.pageSize, this.search.sort);
                    },
                    // 选择图片
                    selectImage() {
                        Fast.api.open("general/attachment/select?multiple=false", '选择图片', {
                            callback: res => {
                                this.$set(this.formData, 'avatar', res.url);
                            }
                        });
                    },
                    // 提交
                    submit() {
                        this.$refs.form.validate(valid => {
                            if (!valid) {
                                return false;
                            }
                            // 提交
                            let loading = this.$loading({
                                lock: true,
                                text: '正在提交中...',
                                spinner: 'el-icon-loading',
                                background: 'rgba(0, 0, 0, 0.3)'
                            });

                            $.ajax({
                                url: 'report/add',
                                type: 'POST',
                                data: this.formData,
                                success: res => {
                                    loading.close();
                                    if (res.code === 200) {
                                        this.$message.success(res.msg);
                                        this.addDialog = false;
                                        this.loadData(this.currentPage, this.pageSize, this.search.sort);
                                    } else {
                                        this.$message.warning(res.msg);
                                    }
                                }
                            })
                        });
                    },
                    // 添加/编辑
                    openAddDialog(type, item) {
                        this.addDialog = true;
                        if (type === 'add') {
                            this.title = '添加';
                            this.formData = {
                                id: 0,
                                nickname: '',
                                avatar: '',
                                mobile: '',
                                status: 'normal',
                                gender: 1,
                                china: ''
                            };
                        } else {
                            this.title = '编辑';
                            this.formData = {
                                id: item.id,
                                nickname: item.nickname,
                                avatar: item.avatar,
                                mobile: item.mobile,
                                old_mobile: item.mobile,
                                status: item.status,
                                gender: item.gender,
                                money: item.money,
                                china: [item.province_id, item.city_id, item.area_id]
                            };
                        }
                    },
                    handleChinaChange(e) {
                        if (e.length === 0) {
                            // 重新加载
                            this.$set(this.search, 'china', '');
                            this.loadData(this.currentPage, this.pageSize, this.search.sort);
                        }
                    },
                    // 从服务器读取数据
                    loadData(currentPage, pageSize, sort) {
                        this.listLoading = true;
                        $.getJSON('report/index', {
                            page: currentPage,
                            rows: pageSize,
                            sort,
                            search: this.search,
                        }, data => {
                            this.totalCount = data.total;
                            this.tableData = data.list;
                            this.listLoading = false;
                        });
                    },
                    // 排序
                    sortChange(e) {

                    },
                    // 批量更改状态
                    handelBatchStatus(status) {
                        if (this.multipleSelection.length === 0) {
                            this.$message.warning('请选择至少一个报修订单进行操作！');
                            return;
                        }
                        var array = [];
                        this.multipleSelection.forEach((row) => {
                            array.push(row.id);
                        });

                        this.$confirm('您确定要更改所选的报修订单的状态吗？', '温馨提示', {
                            confirmButtonText: '确定',
                            cancelButtonText: '取消',
                            type: 'warning'
                        }).then(() => {
                            let loading = this.$loading({
                                lock: true,
                                text: '正在更改中..',
                                spinner: 'el-icon-loading',
                                background: 'rgba(0, 0, 0, 0.3)'
                            });
                            $.ajax({
                                url: 'report/batchStatus',
                                data: {
                                    id: array.join(','),
                                    status
                                },
                                type: 'POST',
                                success: res => {
                                    loading.close();
                                    if (res.code === 200) {
                                        this.$message.success(res.msg);
                                        this.loadData(this.currentPage, this.pageSize, this.search.sort);
                                    } else {
                                        this.$message.warning(res.msg);
                                    }
                                },
                                error: function (er) {

                                }
                            });
                        }).catch(() => {

                        });
                    },
                    // 搜索
                    searchData() {
                        this.loadData(this.currentPage, this.pageSize, this.search.sort);
                    },
                    // 每页显示数据量变更
                    handleSizeChange(val) {
                        this.pageSize = val;
                        this.loadData(this.currentPage, this.pageSize, this.search.sort);
                    },
                    // 页码变更
                    handleCurrentChange(val) {
                        this.currentPage = val;
                        this.loadData(this.currentPage, this.pageSize, this.search.sort);
                    },
                    // 多选响应
                    handleSelectionChange(val) {
                        this.multipleSelection = val;
                    },
                    // 状态改变
                    statusChange(row) {
                        // 提交
                        let loading = this.$loading({
                            lock: true,
                            text: '正在更改中...',
                            spinner: 'el-icon-loading',
                            background: 'rgba(0, 0, 0, 0.3)'
                        });
                        $.ajax({
                            url: 'report/status',
                            data: {
                                id: row.id,
                                status: row.status
                            },
                            type: 'GET',
                            success: res => {
                                loading.close();
                                if (res.code === 200) {
                                    this.$message.success(res.msg);
                                    let index = this.tableData.findIndex(v => v.id == row.id);
                                } else {
                                    this.$message.warning(res.msg);
                                }
                            },
                            error: function (er) {

                            }
                        });
                    },
                    // 批量删除
                    del() {
                        if (this.multipleSelection.length === 0) {
                            this.$message.warning('请选择至少一个报修订单进行删除！');
                            return;
                        }
                        var array = [];
                        this.multipleSelection.forEach((row) => {
                            array.push(row.id);
                        });

                        this.$confirm('您确定要删除所选的报修订单吗？', '温馨提示', {
                            confirmButtonText: '确定',
                            cancelButtonText: '取消',
                            type: 'warning'
                        }).then(() => {
                            let loading = this.$loading({
                                lock: true,
                                text: '正在删除中..',
                                spinner: 'el-icon-loading',
                                background: 'rgba(0, 0, 0, 0.3)'
                            });
                            $.ajax({
                                url: 'report/dell',
                                data: "id=" + array,
                                type: "POST",
                                dataType: 'json',
                                success: res => {
                                    loading.close();
                                    if (res.code === 200) {
                                        this.$message.success(res.msg);
                                        this.loadData(this.currentPage, this.pageSize, this.search.sort);
                                    } else {
                                        this.$message.warning(res.msg);
                                    }
                                },
                                error: function (er) {

                                }
                            });
                        }).catch(() => {

                        });
                    },
                    // 单条删除
                    dell(id) {
                        this.$confirm('您确定要删除此报修订单吗？', '温馨提示', {
                            confirmButtonText: '确定',
                            cancelButtonText: '取消',
                            type: 'warning'
                        }).then(() => {
                            let loading = this.$loading({
                                lock: true,
                                text: '正在删除中..',
                                spinner: 'el-icon-loading',
                                background: 'rgba(0, 0, 0, 0.3)'
                            });
                            $.ajax({
                                url: 'report/dell',
                                data: {
                                    id
                                },
                                type: "POST",
                                dataType: 'json',
                                success: res => {
                                    loading.close();
                                    if (res.code === 200) {
                                        this.$message.success(res.msg);
                                        this.loadData(this.currentPage, this.pageSize, this.search.sort);
                                    } else {
                                        this.$message.warning(res.msg);
                                    }
                                },
                                error: function (er) {

                                }
                            });
                        }).catch(() => {

                        });
                    },
                    handleChangeDateTime(e) {
                        if (!e) {
                            // 重新加载
                            this.loadData(this.currentPage, this.pageSize, this.search.sort);
                        } else if (e[0] === e[1]) {
                            this.search.dateTime = [
                                e[0],
                                e[0].split(' ')[0] + ' 23:59:59'
                            ];
                        }
                    },
                    handleChangeDate(e) {
                        if (!e) {
                            // 重新加载
                            this.loadData(this.currentPage, this.pageSize, this.search.sort);
                        }
                    }
                }
            });
        },
        add: function () {
            Controller.api.bindevent();
        },
        edit: function () {
            Controller.api.bindevent();
        },
        api: {
            bindevent: function () {
                Form.api.bindevent($("form[role=form]"));
            }
        }
    };
    return Controller;
});