From 32ee5aa78f835cf9a63cd6b254af31641ebe84f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E5=98=89=E4=BC=9F?= <8473136@qq.com>
Date: Fri, 16 Aug 2024 17:06:54 +0800
Subject: [PATCH] =?UTF-8?q?:zap:=20=E5=9B=BE=E6=A0=87=E7=A6=BB=E7=BA=BF?=
 =?UTF-8?q?=E3=80=81=E4=BC=98=E5=8C=96=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/config/index.vue    |  6 ++++--
 src/views/proxy/commonIp.json |  5 +++++
 src/views/proxy/index.vue     | 39 ++++++++++++++++++++++++++++-------
 3 files changed, 40 insertions(+), 10 deletions(-)
 create mode 100644 src/views/proxy/commonIp.json

diff --git a/src/views/config/index.vue b/src/views/config/index.vue
index 17667d4..8450321 100644
--- a/src/views/config/index.vue
+++ b/src/views/config/index.vue
@@ -345,8 +345,10 @@ onUnmounted(() => {
               <div class="h2 flex justify-between">
                 <div>服务器配置</div>
                 <div class="flex items-center justify-center">
-                  <IconifyIconOffline class="mr-2 cursor-pointer text-xl font-bold" icon="content-copy"/>
-                  <IconifyIconOffline class="mr-2 cursor-pointer text-xl font-bold" icon="content-paste-go"/>
+                  <IconifyIconOffline @click="handleCopyServerConfig2Base64"
+                                      class="mr-2 cursor-pointer text-xl font-bold" icon="content-copy"/>
+                  <IconifyIconOffline @click="handlePasteServerConfig4Base64"
+                                      class="mr-2 cursor-pointer text-xl font-bold" icon="content-paste-go"/>
                 </div>
               </div>
 
diff --git a/src/views/proxy/commonIp.json b/src/views/proxy/commonIp.json
new file mode 100644
index 0000000..71c9c5d
--- /dev/null
+++ b/src/views/proxy/commonIp.json
@@ -0,0 +1,5 @@
+[
+  {
+    "value": "127.0.0.11"
+  }
+]
\ No newline at end of file
diff --git a/src/views/proxy/index.vue b/src/views/proxy/index.vue
index b8c8ce2..ab4c6fb 100644
--- a/src/views/proxy/index.vue
+++ b/src/views/proxy/index.vue
@@ -254,6 +254,23 @@ const handleOpenLocalPortDialog = () => {
   handleLoadLocalPorts();
 };
 
+
+interface RestaurantItem {
+  value: string
+}
+
+const commonIp = ref<Array<RestaurantItem>>([])
+
+const handleIpFetchSuggestions = (queryString: string, cb: any) => {
+  const results = queryString
+      ? commonIp.value.filter(f => {
+        return f.value.toLowerCase().indexOf(queryString.toLowerCase()) !== -1
+      })
+      : commonIp.value
+  console.log(results, 'results')
+  cb(commonIp.value)
+}
+
 onMounted(() => {
   handleInitHook();
   handleLoadProxys();
@@ -369,7 +386,7 @@ onUnmounted(() => {
     <el-dialog
         v-model="edit.visible"
         :title="edit.title"
-        width="400"
+        width="500"
         top="5%"
     >
       <el-form
@@ -381,7 +398,7 @@ onUnmounted(() => {
       >
         <el-row :gutter="10">
           <el-col :span="24">
-            <el-form-item label="代理类型：" prop="proxyType">
+            <el-form-item label="代理类型：" prop="type">
               <el-radio-group v-model="editForm.type">
                 <el-radio label="http" model-value="http"/>
                 <el-radio label="https" model-value="https"/>
@@ -391,17 +408,23 @@ onUnmounted(() => {
               </el-radio-group>
             </el-form-item>
           </el-col>
-          <el-col :span="24">
-            <el-form-item label="代理名称：" prop="proxyName">
-              <el-input v-model="editForm.name" placeholder="代理名称"/>
+          <el-col :span="12">
+            <el-form-item label="代理名称：" prop="name">
+              <el-input v-model="editForm.name" placeholder="代理名称" clearable/>
             </el-form-item>
           </el-col>
-          <el-col :span="24">
+          <el-col :span="12">
             <el-form-item label="内网地址：" prop="localIp">
-              <el-input v-model="editForm.localIp" placeholder="127.0.0.1"/>
+              <!--              <el-autocomplete-->
+              <!--                  v-model="editForm.localIp"-->
+              <!--                  :fetch-suggestions="handleIpFetchSuggestions"-->
+              <!--                  clearable-->
+              <!--                  placeholder="127.0.0.1"-->
+              <!--              />-->
+              <el-input v-model="editForm.localIp" placeholder="127.0.0.1" clearable/>
             </el-form-item>
           </el-col>
-          <el-col :span="24">
+          <el-col :span="12">
             <el-form-item label="内网端口：" prop="localPort">
               <el-input-number
                   placeholder="8080"