弹窗和minix

 <form-dialog v-if="formParams.dialogVisible" v-model="formParams.dialogVisible" :formParams="formParams" :queryData="queryData" @refreshList="refreshList"></form-dialog>
  // 关闭弹窗
    handleClose() {
      this.$emit("input", false);
      this.dialogVisible = false;
    },

import api from '@/api/Main/Order/prodmin.js';
export const myMixins = {
    data() {
        let _minTime = null;
        let _maxTime = null;
        return {
            pickerOptions: {
                onPick(time) {
                    // 如果选择了只选择了一个时间
                    if (!time.maxDate) {
                        let timeRange = 6 * 24 * 60 * 60 * 1000; // 6天
                        _minTime = time.minDate.getTime() - timeRange; // 最小时间
                        _maxTime = time.minDate.getTime() + timeRange; // 最大时间
                        // 如果选了两个时间,那就清空本次范围判断数据,以备重选
                    } else {
                        _minTime = _maxTime = null;
                    }
                },
                disabledDate(time) {
                    // onPick后触发
                    // 返回false表示该日期禁选
                    if (_minTime && _maxTime) {
                        return time.getTime() < _minTime || time.getTime() > _maxTime;
                    }
                }
            },
            initListQuery: {}
        };
    },
    mounted() {
        this.init();
    },

    methods: {
        init() {
            if (!!this.listQuery) {
                // 备份listQuery空的查询数据用来重置
                this.initListQuery = JSON.parse(JSON.stringify(this.listQuery));
            }
        },
        //获取表格数据
        async fetchList() {
            const res = await api.getList(this.listQuery);

            this.tableData = res.data.body;

            this.total = res.data.records;
        },
        //查询
        handleFilter() {
            // 查询操作
            this.listQuery.page = 1;
            this.fetchList();
        },
        // 重置按钮
        handleReset() {

            this.time = []
            this.listQuery = JSON.parse(JSON.stringify(this.initListQuery));

        },
        //导出文件
        async handleExportTem() {
            const res = await api.exportExcel(this.listQuery);

            if (res.data.code != 200) {
                return this.$message.error('数据导入失败');
            }
            this.$message.success('数据导出中,请到导出控制台查看');
        },
        // 原因措施
        handleEdit() {
            console.log(this.selectionData);
            if (!this.selectionData.length) {
                return this.$message.error('请选择数据');
            }
            this.dialogVisible = true;

            this.getOptions(
                'getCategoryCombox', {},
                'reasonsType',
                'formOptions',
                '',
                ''
            );

            this.getOptions(
                'queryMeasureCombox', {},
                'actionList',
                'formOptions',
                '',
                ''
            );
        },
        //父分页事件
        handleCurrentChange(val) {

            this.listQuery.page = val;

            this.fetchList();
        },
        // 关闭报警
        async handleClose() {
            if (!this.selectionData.length) {
                return this.$message.error('请选择数据');
            }
            const confirmRes = await this.$confirm('是否关闭该报警?', '提示', {
                type: 'warning'
            }).catch((error) => {
                console.log(error);
            });
            if (confirmRes != 'confirm') {
                return this.$message.info('取消删除');
            }
            let ids = this.selectionData.reduce((pre, cur) => {
                pre.push(cur.taskId);
                return pre;
            }, []);

            const res = await api.manualCloseItems({ taskIdList: ids });
            if (res.data.code == 200) {
                this.$message.success('操作成功');
            }

            // this.getOptions("manualCloseItems", { taskIdList: ids })
        },
        //反馈原因保存
        async handleSubmit(val) {
            console.log(val);
            let ids = this.selectionData.reduce((pre, cur) => {
                pre.push(cur.taskId);
                return pre;
            }, []);

            let queryData = {
                taskIdList: ids,
                reason: val.reason,
                measureId: val.measureId,
                flag: 1
            };

            const res = await api.saveProblem(queryData);
            if (res.data.code != 200) {
                return this.$message.error('提交失败,请重新操作');
            }
            this.$message.success('提交成功');
            this.dialogVisible = false;
            this.fetchList();
        },
        // 关闭报警弹窗
        async closeAlarm(val) {
            const confirmRes = await this.$confirm('是否关闭该报警?', '提示', {
                type: 'warning'
            }).catch((error) => {
                console.log(error);
            });
            if (confirmRes != 'confirm') {
                return this.$message.info('取消删除');
            }
            let ids = this.selectionData.reduce((pre, cur) => {
                pre.push(cur.taskId);
                return pre;
            }, []);
            let queryData = {
                taskIdList: ids,
                reason: val.reason,
                measureId: val.measureId,
                flag: 1
            };
            const res = await api.closeAlarm(queryData);
            if (res.data.code == 200) {
                this.$message.success('操作成功');
                this.dialogVisible = false;
                this.fetchList();
            }
        },

        //父表格排序
        handleSortChange({ prop, order }) {
            if (prop && order) {
                let params = [{
                    property: prop,
                    direction: order === 'ascending' ? 'ASC' : 'DESC'
                }];
                this.listQuery.sort = JSON.stringify(params);
            } else {
                this.listQuery.sort = null;
            }
            this.fetchList();
        },

        //获取数据方法
        /**
         *
         * @param {*} methods  方法
         * @param {*} params   参数
         * @param {*} options  字段
         * @param {*} p1       查询字段
         * @param {*} p2       表单字段
         * @param {*} mode     mode参数
         */
        getOptions(methods, params, options, p1 = 'queryData', p2, mode = '') {
            // 获取下拉框数据
            if (methods && this.api[methods]) {
                this.api[methods](params)
                    .then(({ data: res } = {}) => {
                        const { body } = res;
                        if (p1 && this[p1] && this[p1][options]) {
                            this[p1][options] =
                                mode == '1' ? [{ id: '', text: '全选' }, ...body] : body;
                        }
                        if (p2 && this[p2] && this[p2][options]) {
                            this[p2][options] = body;
                        }
                    })
                    .catch((err) => {
                        this.$message({
                            message: err.message || '获取数据失败',
                            type: 'warning'
                        });
                    });
            }
        }
    }
};
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,015评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,262评论 1 292
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,727评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,986评论 0 205
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,363评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,610评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,871评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,582评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,297评论 1 242
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,551评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,053评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,385评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,035评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,079评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,841评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,648评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,550评论 2 270

推荐阅读更多精彩内容