From f61e65f4092b020c01c9db43844db29613d2fd89 Mon Sep 17 00:00:00 2001
From: Frost-ZX <30585462+Frost-ZX@users.noreply.github.com>
Date: Tue, 4 May 2021 00:33:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A0=E5=85=A5=E2=80=9Cnew-window=E2=80=9D?=
 =?UTF-8?q?=E5=B7=A5=E5=85=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/tools/OtherNewWindow.vue | 95 +++++++++++++++++++++++++
 1 file changed, 95 insertions(+)
 create mode 100644 src/components/tools/OtherNewWindow.vue

diff --git a/src/components/tools/OtherNewWindow.vue b/src/components/tools/OtherNewWindow.vue
new file mode 100644
index 0000000..83b619c
--- /dev/null
+++ b/src/components/tools/OtherNewWindow.vue
@@ -0,0 +1,95 @@
+<template>
+    <div class="tool-elem">
+
+        <div class="info">
+            <div class="title">信息</div>
+            <div class="content">
+                <div class="link">
+                    <span class="label">目标链接：</span>
+                    <el-input v-model="info.link" type="text" placeholder="需要包含协议（例如 https://）" />
+                </div>
+                <div class="size">
+                    <span class="label">窗口大小：</span>
+                    <el-input v-model="info.size.width" type="number" min="1" placeholder="宽度（默认 400）" />
+                    <el-input v-model="info.size.height" type="number" min="1" placeholder="高度（默认 300）" />
+                </div>
+            </div>
+        </div>
+
+        <div class="action">
+            <div class="title">操作</div>
+            <div class="content">
+                <el-button type="primary" @click="btnOpen()">打开</el-button>
+                <el-button type="danger" @click="btnClear()">清空</el-button>
+            </div>
+        </div>
+
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'OtherNewWindow',
+    data() {
+        return {
+            info: {
+                link: '',
+                size: {
+                    width: '',
+                    height: ''
+                }
+            }
+        }
+    },
+    methods: {
+
+        // 打开
+        btnOpen() {
+            var link = this.info.link || 'https://github.com/Frost-ZX';
+            var width = this.info.size.width || '400';
+            var height = this.info.size.height || '300';
+            var features = `height=${height}, width=${width}, toolbar=no, menubar=no, scrollbars=yes, resizable=yes, location=yes, status=yes`;
+
+            window.open(link, '_blank', features);
+        },
+
+        // 清空
+        btnClear() {
+            // 重置 info
+            this.info = {
+                link: '',
+                size: {
+                    width: '',
+                    height: ''
+                }
+            };
+        }
+
+    },
+}
+</script>
+
+<style lang="less" scoped>
+.tool-elem {
+    .content {
+        max-width: 40rem;
+
+        > div {
+            display: flex;
+            align-items: center;
+            justify-content: flex-start;
+            margin: 0.5rem 0;
+        }
+
+        .label {
+            display: inline-block;
+            flex-shrink: 0;
+            width: 5rem;
+        }
+
+        .el-input {
+            margin: 0 0.5rem;
+        }
+    }
+}
+</style>