{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\views\\general\\VPN.vue?vue&type=style&index=0&id=37ea28ee&lang=scss&scoped=true&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\views\\general\\VPN.vue","mtime":1671173776475},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1671074747916},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1671074746320},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1671074747407},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"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\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\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  /deep/ .el-form-item__content {\n    display: flex;\n    flex-flow: row nowrap;\n    align-items: center;\n}\n/deep/ .el-form-item__label {\n    text-align: left;\n    font-size: 16px;\n}\n.container {\n    width: 100%;\n    height: 100%;\n    p {\n        width: 95%;\n        font-size: 25px;\n        text-align: left;\n        border-bottom: 1px solid black;\n        margin-bottom: 20px;\n    }\n}\n",{"version":3,"sources":["VPN.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"VPN.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n    <div class=\"content-box\">\r\n        <div class=\"container\">\r\n            <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n                <p>系统服务VPN</p>\r\n                <el-form-item label=\"状态：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">YES</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"操作：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" style=\"margin-left: 10px\" size=\"small\">开始</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"danger\" style=\"margin-left: 10px\" size=\"small\">停止</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"2\">\r\n                        <el-button type=\"info\" style=\"margin-left: 10px\" size=\"small\">显示日志</el-button>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>保护装置</p>\r\n                <el-form-item label=\"配置文件：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" size=\"small\">上传</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"4\">\r\n                        <el-upload\r\n                            class=\"upload-demo\"\r\n                            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n                            :on-preview=\"handlePreview\"\r\n                            :on-remove=\"handleRemove\"\r\n                            :before-remove=\"beforeRemove\"\r\n                            multiple\r\n                            :limit=\"3\"\r\n                            :on-exceed=\"handleExceed\"\r\n                            :file-list=\"fileList\"\r\n                        >\r\n                            <el-button size=\"small\" type=\"primary\">选择文件</el-button>\r\n                        </el-upload>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"配置上载：\">\r\n                  <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: red\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">NO</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>开放VPN</p>\r\n                <el-form-item label=\"配置文件：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" size=\"small\">上传</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"4\">\r\n                        <el-upload\r\n                            class=\"upload-demo\"\r\n                            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n                            :on-preview=\"handlePreview\"\r\n                            :on-remove=\"handleRemove\"\r\n                            :before-remove=\"beforeRemove\"\r\n                            multiple\r\n                            :limit=\"3\"\r\n                            :on-exceed=\"handleExceed\"\r\n                            :file-list=\"fileList\"\r\n                        >\r\n                            <el-button size=\"small\" type=\"primary\">选择文件</el-button>\r\n                        </el-upload>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"配置上载：\">\r\n                  <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: red\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">NO</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>资格证书</p>\r\n                <el-form-item label=\"操作：\">\r\n                    <el-col :span=\"12\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">设置凭据</el-button>\r\n                    </el-col>\r\n                </el-form-item>\r\n            </el-form>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            fileList: []\r\n        };\r\n    },\r\n    methods: {\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\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        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\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        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n  /deep/ .el-form-item__content {\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n    text-align: left;\r\n    font-size: 16px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}