update web

web/frps/src/components/ProxiesHttp.vue

@@ -2,7 +2,7 @@
   <div>
     <el-table :data="proxies" :default-sort="{prop: 'name', order: 'ascending'}" style="width: 100%">
       <el-table-column type="expand">
-        <template scope="props">
+        <template slot-scope="props">
           <el-popover
             ref="popover4"
             placement="right"
@@ -79,7 +79,7 @@
       label="status"
       prop="status"
       sortable>
-      <template scope="scope">
+      <template slot-scope="scope">
         <el-tag type="success" v-if="scope.row.status === 'online'">{{ scope.row.status }}</el-tag>
         <el-tag type="danger" v-else>{{ scope.row.status }}</el-tag>
       </template>

web/frps/src/components/ProxiesHttps.vue

@@ -2,7 +2,7 @@
   <div>
     <el-table :data="proxies" :default-sort="{prop: 'name', order: 'ascending'}" style="width: 100%">
       <el-table-column type="expand">
-        <template scope="props">
+        <template slot-scope="props">
           <el-popover
             ref="popover4"
             placement="right"
@@ -73,7 +73,7 @@
       label="status"
       prop="status"
       sortable>
-      <template scope="scope">
+      <template slot-scope="scope">
         <el-tag type="success" v-if="scope.row.status === 'online'">{{ scope.row.status }}</el-tag>
         <el-tag type="danger" v-else>{{ scope.row.status }}</el-tag>
       </template>

web/frps/src/components/ProxiesTcp.vue

@@ -2,7 +2,7 @@
   <div>
     <el-table :data="proxies" :default-sort="{prop: 'name', order: 'ascending'}" style="width: 100%">
       <el-table-column type="expand">
-        <template scope="props">
+        <template slot-scope="props">
           <el-popover
             ref="popover4"
             placement="right"
@@ -70,7 +70,7 @@
       label="status"
       prop="status"
       sortable>
-      <template scope="scope">
+      <template slot-scope="scope">
         <el-tag type="success" v-if="scope.row.status === 'online'">{{ scope.row.status }}</el-tag>
         <el-tag type="danger" v-else>{{ scope.row.status }}</el-tag>
       </template>

web/frps/src/components/ProxiesUdp.vue

@@ -2,7 +2,7 @@
   <div>
     <el-table :data="proxies" :default-sort="{prop: 'name', order: 'ascending'}" style="width: 100%">
       <el-table-column type="expand">
-        <template scope="props">
+        <template slot-scope="props">
           <el-popover
             ref="popover4"
             placement="right"
@@ -70,7 +70,7 @@
       label="status"
       prop="status"
       sortable>
-      <template scope="scope">
+      <template slot-scope="scope">
         <el-tag type="success" v-if="scope.row.status === 'online'">{{ scope.row.status }}</el-tag>
         <el-tag type="danger" v-else>{{ scope.row.status }}</el-tag>
       </template>

web/frps/src/main.js

@@ -1,14 +1,43 @@
 import Vue from 'vue'
-import ElementUI from 'element-ui'
-import locale from 'element-ui/lib/locale/lang/en'
-import 'element-ui/lib/theme-default/index.css'
+//import ElementUI from 'element-ui'
+import {
+    Button,
+    Form,
+    FormItem,
+    Row,
+    Col,
+    Table,
+    TableColumn,
+    Popover,
+    Menu,
+    Submenu,
+    MenuItem,
+    Tag
+} from 'element-ui'
+import lang from 'element-ui/lib/locale/lang/en'
+import locale from 'element-ui/lib/locale'
+import 'element-ui/lib/theme-chalk/index.css'
 import './utils/less/custom.less'
 
 import App from './App.vue'
 import router from './router'
 import 'whatwg-fetch'
 
-Vue.use(ElementUI, { locale })
+locale.use(lang)
+
+Vue.use(Button)
+Vue.use(Form)
+Vue.use(FormItem)
+Vue.use(Row)
+Vue.use(Col)
+Vue.use(Table)
+Vue.use(TableColumn)
+Vue.use(Popover)
+Vue.use(Menu)
+Vue.use(Submenu)
+Vue.use(MenuItem)
+Vue.use(Tag)
+
 Vue.config.productionTip = false
 
 new Vue({