美文网首页
弹窗和minix

弹窗和minix

作者: 抽疯的稻草绳 | 来源:发表于2021-01-22 15:53 被阅读0次
 <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'
                        });
                    });
            }
        }
    }
};

相关文章

  • 弹窗和minix

  • Linux学习笔记1

    历史 根据unix重写而成minix(android)--->开源 Linus Tarvalds 以minix为模...

  • Linux介绍 day 1

    Linux 由Linus Torvalds 开发的一款基于minix一款开源系统(ps:minix是由一大学教授开...

  • MBR与grub

    今天折腾了一天,安装minix3。 我用的硬盘是之前装了linux的,用minix安装光盘进入,setup一路走过...

  • (功能测试合集)弹出窗口的常用测试点

    弹窗的类型弹窗的操作集合弹窗加载和展示弹窗的元素弹窗的属性弹窗的兼容性弹窗的风险参考文献 前言手机App弹窗是目前...

  • vue混入minix

    个人理解的混入:混入就是写一个公共的文件或者对象(结构和各组件的写法一样,export default {}内的东...

  • 产品经理如何设计移动端弹窗功能

    本文大纲:(1)认识APP弹窗的组成要素和使用场景;(2)掌握APP弹窗和非弹窗的设计方法 1 为什么要设计弹窗 ...

  • Linux初学

    一、发展 Minix(Andrew S.Tanenbaum)---> Linux(Linus Torvalds...

  • 弹窗发展简史(三):Prompt弹窗

    3. Prompt弹窗 Prompt弹窗是在1995年javascript诞生时和Alert弹窗、Confirm弹...

  • UI设计师需要了解的 APP弹窗体系

    弹窗的定义 弹窗分为模态弹窗和非模态弹窗两种。 模态弹窗:很容易打断用户的操作行为,用户必须回应,否则不能进行其他...

网友评论

      本文标题:弹窗和minix

      本文链接:https://www.haomeiwen.com/subject/bryiaktx.html