编辑提交

vue/afvue/src/api/scinfo.js

@@ -31,7 +31,7 @@ export function Scdetail(host,param){
 export function Scedit(host,param){
     return axios({
         url: host+'/scedit',
-        method: 'get',
+        method: 'POST',
         params: param
     })
 }

vue/afvue/src/views/Setedit.vue

@@ -1,23 +1,33 @@
 <template>
     <div class="stedit">
+        <form ref="form" @submit.prevent="savesc" method="post">
         <div class="stitem">
             <label>服务器名称：</label>
-            <input type="text" placeholder="请输入服务器名称" v-model="scinfo.scname">
+            <input type="text" name="scname" placeholder="请输入服务器名称" v-model="scinfo.scname">
         </div>
         <div class="stitem">
             <label>服务器IP：</label>
-            <input type="text" placeholder="请输入服务器IP" v-model="scinfo.addr">
+            <input type="text" name="addr" placeholder="请输入服务器IP" value="scinfo.addr" v-model="scinfo.addr">
         </div>
         <div class="stitem">
             <label>服务器端口：</label>
-            <input type="text" placeholder="请输入服务器端口" v-model="scinfo.port">
+            <input type="text" name="port" placeholder="请输入服务器端口" v-model="scinfo.port">
         </div>
         <div class="stitem">
-            <button>保存</button>
+            <label>服务器类型：</label>
+            <input type="text" name="token" placeholder="toke" v-model="scinfo.token"/>
+        </div>
+        <div class="stitem">
+            <label>服务器状态：</label>
+            <input type="text" name="status" placeholder="请输入服务器状态" v-model="scinfo.status">
+        </div>
+        <div class="stitem">
+            <button type="submit">保存</button>
         </div>
         <div class="stitem">
             <button>取消</button>
         </div>
+        </form>
     </div>
     </template>
     <style scoped>
@@ -59,7 +69,7 @@ export default {
     data() {
         return {
             scid: 1,
-            scinfo:[]
+            scinfo:{}
         }
     },
     mounted(e) {
@@ -68,24 +78,32 @@ export default {
         this.getscdb(id)
     },
     methods: {
+        // 查询详情
         getscdb(sid) {
             let host ="http://localhost:9099"
             Scdetail(host,{
                 id: sid
             }).then(res => {
-                console.log(res)
-                if (res.code == 200) {
-                    this.scinfo = res.data
-                }
+                this.scinfo = res.data[0]
+            })
+        },
+
+        // 保存
+        savesc(){
+            let form = this.$refs.form
+            let formData={
+                scname: form.scname.value,
+                addr: form.addr.value,
+                port: form.port.value,
+                token: form.token.value,
+                status: form.status.value
+            }
+            // 提交数据
+            let host ="http://localhost:9099"
+            Scedit(host,formData).then(res => {
+                console.log(formData,"formData")
+                console.log("save success ")
             })
-            // Scedit(host,{
-            //     id: sid
-            // }).then(res => {
-            //     console.log(res)
-            //     if (res.code == 200) {
-            //         this.serverlist = res.data
-            //     }
-            // })
         }
     }
 }