diff --git a/package.json b/package.json
index 38ca1a5..04a60b9 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,9 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.11.8",
+    "axios": "^1.7.4",
     "bootstrap": "^5.3.3",
+    "element-plus": "^2.8.0",
     "vue": "^3.0.4"
   },
   "devDependencies": {
diff --git a/src/components/PlayerEdit.vue b/src/components/PlayerEdit.vue
index d2dfe51..b8182e6 100644
--- a/src/components/PlayerEdit.vue
+++ b/src/components/PlayerEdit.vue
@@ -1,5 +1,27 @@
 <template>
+
   <div class="container-fluid mt-1">
+    <div class="card">
+      <div class="row">
+        <div class="col-1">选择服务器</div>
+        <div class="col-2">
+          <el-select v-model="serverselected" placeholder="选择服务器">
+            <el-option v-for="item in servers" :key="item.value" :label="item.label" :value="item.value">
+            </el-option>
+          </el-select>
+        </div>
+        <div class="col-1">玩家唯一ID</div>
+        <div class="col-2">
+          <el-input v-model="puid" placeholder="玩家唯一ID"></el-input>
+        </div>
+      </div>
+      <el-button round type="primary" class="btn-block" v-on:click="ontest">测试</el-button>
+    </div>
+  </div>
+
+
+
+  <!-- <div class="container-fluid mt-1">
     <div class="container-fluid mt-1">
       <div class="row bg-white">
         <div class="col-2 p-3 bg-primary text-white">选择服务器</div>
@@ -37,16 +59,15 @@
         <div class="col-3 p-3 bg-dark text-white"></div>
       </div>
     </div>
+  </div> -->
 
-
-
-  </div>
   <div id="output">
-    选择的网站是: {{ serveradd }}
+    选择的网站是: {{ serverselected }} puid: {{ puid }}
   </div>
 </template>
 
 <script>
+import axios from 'axios';
 export default {
   name: 'HelloWorld',
   props: {
@@ -54,9 +75,29 @@ export default {
   },
   data() {
     return {
-      serveradd: '',
-      puid: 0,
+      servers: [{
+        value: 'http://localhost:9002/api/gm/action',
+        label: '本机'
+      }, {
+        value: 'http://172.10.10.18:9002/api/gm/action',
+        label: '内网测试服'
+      }, {
+        value: 'http://152.136.44.171:40002/api/gm/action',
+        label: '审核服'
+      }],
+      serverselected: '',
+      input1: '',
+      puid: '',
     }
+  },
+  methods: {
+    ontest: function (event) {
+      axios.get("http://localhost:9002/api/gm/action").then((response) => {
+        console.log(response.data)
+      })
+      // let response = await axios.get('http://www.baidu.com/')
+      // message.value = response.data
+    },
   }
 }
 </script>
diff --git a/src/main.js b/src/main.js
index 4700632..7e84b34 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,4 +4,12 @@ import './index.css'
 import 'bootstrap'
 import 'bootstrap/dist/css/bootstrap.min.css'
 
-createApp(App).mount('#app')
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+
+const app = createApp(App)
+
+// app.use(ElementPlus)
+app.use(ElementPlus, { size: 'small', zIndex: 3000 })
+
+app.mount('#app')
--
libgit2 0.21.0