1 line
8.2 KiB
JSON
1 line
8.2 KiB
JSON
{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\general\\VPN.vue?vue&type=style&index=1&id=3b05fefa&lang=scss&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\general\\VPN.vue","mtime":1671155371874},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\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\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\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",{"version":3,"sources":["VPN.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmJA;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=\"12\">\r\n <el-button type=\"primary\" size=\"small\">备份</el-button>\r\n </el-col>\r\n </el-form-item>\r\n <el-form-item label=\"还原服务器设置：\">\r\n <el-col :span=\"3\">\r\n <el-button type=\"primary\" disabled 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 <p>出厂默认值</p>\r\n <el-form-item label=\"还原服务器设置：\">\r\n <el-col :span=\"12\">\r\n <el-button type=\"primary\" @click=\"handleReset()\" 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=\"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>\r\n.test-div i {\r\n font-size: 25px;\r\n}\r\n</style>\r\n <style lang=\"scss\" scoped>\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 "]}]} |