🌿 新增代理设置界面 ( 功能未完成 )

src/components/Setting.vue

@@ -83,6 +83,14 @@
           </div>
         </div>
       </div>
+      <div class="site">
+        <div class="title">网络</div>
+        <div class="site-box">
+          <div class="zy-select">
+            <div class="vs-placeholder vs-noAfter" @click="editProxyEvent">代理设置</div>
+          </div>
+        </div>
+      </div>
       <div class="theme">
         <div class="title">主题</div>
         <div class="theme-box">
@@ -154,6 +162,38 @@
         </span>
       </el-dialog>
     </div>
+    <div> <!-- 代理设置界面 -->
+      <el-dialog :visible.sync="show.proxyDialog" :append-to-body="true" @close="closeProxyDialog" width="400px">
+        <el-form label-width="50px" label-position="left" size="small">
+          <el-form-item label="协议: " prop='scheme'>
+            <el-col :span="15">
+              <el-select v-model="proxy.scheme" placeholder="请选择协议类型">
+                <el-option label="http" value="http"></el-option>
+                <el-option label="https" value="https"></el-option>
+                <el-option label="socks" value="socks"></el-option>
+                <el-option label="pac" value="pac"></el-option>
+              </el-select>
+            </el-col>
+          </el-form-item>
+          <el-form-item label="地址: " prop='url'>
+            <el-col :span="15">
+              <el-input v-model="proxy.url" placeholder="地址" />
+            </el-col>
+            <el-col class="line" :span="2" style="text-align: center;">-</el-col>
+            <el-col :span="7">
+              <el-input v-model="proxy.port" placeholder="端口" width="80px" />
+            </el-col>
+          </el-form-item>
+          <el-form-item label="状态: ">
+            <el-switch v-model="proxy.state"></el-switch>
+          </el-form-item>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="closeProxyDialog">取消</el-button>
+          <el-button type="primary" @click="proxyConfirm">确定</el-button>
+        </span>
+      </el-dialog>
+    </div>
   </div>
 </template>
 <script>
@@ -175,12 +215,19 @@ export default {
         view: false,
         editPlayerPath: false,
         checkPasswordDialog: false,
-        changePasswordDialog: false
+        changePasswordDialog: false,
+        proxyDialog: false
       },
       d: { },
       latestVersion: pkg.version,
       inputPassword: '',
-      action: ''
+      action: '',
+      proxy: {
+        scheme: '',
+        ip: '',
+        port: '',
+        state: false
+      }
     }
   },
   computed: {
@@ -399,7 +446,12 @@ export default {
         e.preventDefault()
         menu.popup(remote.getCurrentWindow())
       })
-    }
+    },
+    editProxyEvent () {
+      this.show.proxyDialog = true
+    },
+    closeProxyDialog () {},
+    proxyConfirm () {}
   },
   created () {
     this.getSites()

src/lib/element/index.js

@@ -1,7 +1,8 @@
 import Vue from 'vue'
-import { Message, Button, Table, TableColumn, Tag, Input, Dialog, Form, FormItem, Switch, Select, Option, Checkbox, Autocomplete } from 'element-ui'
+import { Message, Button, Table, TableColumn, Tag, Input, Dialog, Form, FormItem, Switch, Select, Option, Checkbox, Autocomplete, Col } from 'element-ui'
 import Plugin from 'v-fit-columns'
 Vue.use(Button)
+Vue.use(Col)
 Vue.use(Table)
 Vue.use(TableColumn)
 Vue.use(Tag)