{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\logs.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\views\\logs.vue","mtime":1677208560156},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport { getTongzrzApi, deleteTongzrzApi, getTongzrzDetailsApi } from '@/api/logs';\nimport moment from 'moment';\nexport default {\n  data: function data() {\n    return {\n      concetData: {\n        notificationType: '',\n        content: ''\n      },\n      options: [{\n        name: '通知'\n      }, {\n        name: '警告'\n      }, {\n        name: '报警'\n      }, {\n        name: '成功'\n      }],\n      formData: {\n        value1: [],\n        content: '',\n        notificationType: ''\n      },\n      tableData: [],\n      currentPage: 1,\n      pageSize: 10,\n      totalNumber: 0,\n      tableHeight: 0,\n      dialogVisible: false\n    };\n  },\n  created: function created() {\n    var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\n    this.tableHeight = windowHeight - 270;\n  },\n  mounted: function mounted() {\n    this.setTimes();\n    this.getData();\n  },\n  methods: {\n    setTimes: function setTimes() {\n      var arr = []; //当前时间\n\n      var s = moment().format('YYYY-MM-DD HH:mm:ss'); //1，day就代表前一天\n      //两天前\n\n      var i = moment(s).subtract(2, 'days').format('YYYY-MM-DD HH:mm:ss');\n      arr = [s, i];\n      this.formData.value1 = arr;\n      this.$forceUpdate();\n    },\n    notificClosed: function notificClosed() {\n      for (var i in this.concetData) {\n        this.concetData[i] = '';\n      }\n    },\n    clickDelete: function clickDelete(row) {\n      var _this = this;\n\n      this.$confirm('此操作将永久删除该日志, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {\n        deleteTongzrzApi(row.journalId).then(function (res) {\n          if (res.data.code == 200) {\n            _this.$message({\n              type: 'success',\n              message: '删除成功!'\n            });\n          } else {\n            _this.$message({\n              type: 'error',\n              message: res.data.msg\n            });\n          }\n\n          _this.getData();\n        });\n      }).catch(function () {\n        _this.$message({\n          type: 'info',\n          message: '已取消删除'\n        });\n      });\n    },\n    //获取详情数\n    getTongzrzDetails: function getTongzrzDetails(JournalId) {\n      var _this2 = this;\n\n      getTongzrzDetailsApi(JournalId).then(function (res) {\n        if (res.data.code === 200) {\n          _this2.concetData = res.data.data;\n          _this2.dialogVisible = true;\n        } else {\n          _this2.$message.error(res.data.msg);\n        }\n      }).catch(function (err) {\n        _this2.$message.error(err.data.msg);\n      });\n    },\n    //点击查询按钮\n    lookForMessage: function lookForMessage() {\n      this.currentPage = 1;\n      this.getData();\n    },\n    //表格数据\n    getData: function getData() {\n      var _this3 = this;\n\n      getTongzrzApi({\n        Content: this.formData.content,\n        Type: this.formData.notificationType,\n        CurrentPage: this.currentPage,\n        PageSize: this.pageSize,\n        StartTime: this.formData.value1.length > 0 ? this.formData.value1[0] : '',\n        EndTime: this.formData.value1.length > 0 ? this.formData.value1[1] : ''\n      }).then(function (res) {\n        if (res.data.code === 200) {\n          _this3.tableData = res.data.data.data;\n          _this3.totalNumber = res.data.data.total;\n        } else {\n          _this3.$message.error(res.data.msg);\n        }\n      }).catch(function (err) {\n        _this3.$message.error(err.data.msg);\n      });\n    },\n    showView: function showView(scope) {\n      this.getTongzrzDetails(scope.journalId);\n    },\n    handleSizeChange: function handleSizeChange(val) {\n      this.pageSize = val;\n      this.getData();\n    },\n    handleCurrentChange: function handleCurrentChange(val) {\n      this.currentPage = val;\n      this.getData();\n    }\n  }\n};",{"version":3,"sources":["logs.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"content-box\">\r\n        <div class=\"container\">\r\n            <p class=\"title\">通知/日志</p>\r\n            <el-form ref=\"form\" :model=\"formData\" label-width=\"100px\" style=\"display:flex\">\r\n                <el-form-item label=\"日期：\">\r\n                    <el-date-picker\r\n                        value-format=\"yyyy-MM-dd HH:mm:ss\"\r\n                        size=\"small\"\r\n                        v-model=\"formData.value1\"\r\n                        type=\"datetimerange\"\r\n                        range-separator=\"至\"\r\n                        start-placeholder=\"开始日期\"\r\n                        end-placeholder=\"结束日期\"\r\n                    >\r\n                    </el-date-picker>\r\n                </el-form-item>\r\n                <el-form-item label=\"内容：\">\r\n                    <el-input size=\"small\" v-model=\"formData.content\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"通知类型：\">\r\n                    <el-select size=\"small\" clearable style=\"width:100%;\" v-model=\"formData.notificationType\" placeholder=\"请选择\">\r\n                        <el-option v-for=\"item in options\" :key=\"item.name\" :label=\"item.name\" :value=\"item.name\"> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button @click=\"lookForMessage\" type=\"primary\" size=\"small\">查询</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n            <el-table :data=\"tableData\" :height=\"tableHeight\" border style=\"width: 100%\">\r\n                <el-table-column align=\"center\" prop=\"notificationType\" label=\"通知类型\" width=\"180\"></el-table-column>\r\n                <el-table-column align=\"center\" prop=\"journalTime\" label=\"产生时机\" width=\"180\"></el-table-column>\r\n                <el-table-column show-overflow-tooltip align=\"center\" prop=\"content\" label=\"内容\"></el-table-column>\r\n                <el-table-column align=\"center\" label=\"操作\" width=\"160\">\r\n                    <template slot-scope=\"scope\">\r\n                        <el-button @click=\"showView(scope.row)\" type=\"text\" size=\"small\">详情</el-button>\r\n                        <el-button @click=\"clickDelete(scope.row)\" style=\"color:red\" type=\"text\" size=\"small\">删除</el-button>\r\n                    </template>\r\n                </el-table-column>\r\n            </el-table>\r\n\r\n            <el-pagination\r\n                @size-change=\"handleSizeChange\"\r\n                @current-change=\"handleCurrentChange\"\r\n                :current-page.sync=\"currentPage\"\r\n                :page-sizes=\"[10, 20, 30, 40]\"\r\n                :page-size=\"pageSize\"\r\n                layout=\"sizes, total,prev, pager, next\"\r\n                :total=\"totalNumber\"\r\n                style=\"padding-top: 10px;\"\r\n            >\r\n            </el-pagination>\r\n\r\n            <el-dialog :title=\"concetData.notificationType\" :visible.sync=\"dialogVisible\" width=\"30%\" @close=\"notificClosed\">\r\n                <span>{{ concetData.content }}</span>\r\n            </el-dialog>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { getTongzrzApi, deleteTongzrzApi, getTongzrzDetailsApi } from '@/api/logs';\r\nimport moment from 'moment';\r\nexport default {\r\n    data() {\r\n        return {\r\n            concetData: {\r\n                notificationType: '',\r\n                content: ''\r\n            },\r\n            options: [\r\n                {\r\n                    name: '通知'\r\n                },\r\n                {\r\n                    name: '警告'\r\n                },\r\n                {\r\n                    name: '报警'\r\n                },\r\n                {\r\n                    name: '成功'\r\n                }\r\n            ],\r\n            formData: {\r\n                value1: [],\r\n                content: '',\r\n                notificationType: ''\r\n            },\r\n            tableData: [],\r\n            currentPage: 1,\r\n            pageSize: 10,\r\n            totalNumber: 0,\r\n            tableHeight: 0,\r\n            dialogVisible: false\r\n        };\r\n    },\r\n    created() {\r\n        let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\r\n        this.tableHeight = windowHeight - 270;\r\n    },\r\n    mounted() {\r\n        this.setTimes();\r\n        this.getData();\r\n    },\r\n    methods: {\r\n        setTimes() {\r\n            let arr = [];\r\n            //当前时间\r\n            let s = moment().format('YYYY-MM-DD HH:mm:ss'); //1，day就代表前一天\r\n            //两天前\r\n            let i = moment(s)\r\n                .subtract(2, 'days')\r\n                .format('YYYY-MM-DD HH:mm:ss');\r\n            arr = [s, i];\r\n            this.formData.value1 = arr;\r\n            this.$forceUpdate();\r\n        },\r\n        notificClosed() {\r\n            for (let i in this.concetData) {\r\n                this.concetData[i] = '';\r\n            }\r\n        },\r\n        clickDelete(row) {\r\n            this.$confirm('此操作将永久删除该日志, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    deleteTongzrzApi(row.journalId).then(res => {\r\n                        if (res.data.code == 200) {\r\n                            this.$message({\r\n                                type: 'success',\r\n                                message: '删除成功!'\r\n                            });\r\n                        } else {\r\n                            this.$message({\r\n                                type: 'error',\r\n                                message: res.data.msg\r\n                            });\r\n                        }\r\n                        this.getData();\r\n                    });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消删除'\r\n                    });\r\n                });\r\n        },\r\n        //获取详情数\r\n        getTongzrzDetails(JournalId) {\r\n            getTongzrzDetailsApi(JournalId)\r\n                .then(res => {\r\n                    if (res.data.code === 200) {\r\n                        this.concetData = res.data.data;\r\n                        this.dialogVisible = true;\r\n                    } else {\r\n                        this.$message.error(res.data.msg);\r\n                    }\r\n                })\r\n                .catch(err => {\r\n                    this.$message.error(err.data.msg);\r\n                });\r\n        },\r\n        //点击查询按钮\r\n        lookForMessage() {\r\n            this.currentPage = 1;\r\n            this.getData();\r\n        },\r\n        //表格数据\r\n        getData() {\r\n            getTongzrzApi({\r\n                Content: this.formData.content,\r\n                Type: this.formData.notificationType,\r\n                CurrentPage: this.currentPage,\r\n                PageSize: this.pageSize,\r\n                StartTime: this.formData.value1.length > 0 ? this.formData.value1[0] : '',\r\n                EndTime: this.formData.value1.length > 0 ? this.formData.value1[1] : ''\r\n            })\r\n                .then(res => {\r\n                    if (res.data.code === 200) {\r\n                        this.tableData = res.data.data.data;\r\n                        this.totalNumber = res.data.data.total;\r\n                    } else {\r\n                        this.$message.error(res.data.msg);\r\n                    }\r\n                })\r\n                .catch(err => {\r\n                    this.$message.error(err.data.msg);\r\n                });\r\n        },\r\n        showView(scope) {\r\n            this.getTongzrzDetails(scope.journalId);\r\n        },\r\n        handleSizeChange(val) {\r\n            this.pageSize = val;\r\n            this.getData();\r\n        },\r\n        handleCurrentChange(val) {\r\n            this.currentPage = val;\r\n            this.getData();\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n</style>\r\n"],"sourceRoot":"src/views"}]}