可用服务器列表

vue/afvue/src/api/scinfo.js

@@ -17,6 +17,13 @@ export function Sclist(){
         method: 'get'
     })
 }
+// 使用中的服务器
+export function SerlistInUsing(){
+    return axios({
+        url: '/sclist',
+        method: 'get'
+    })
+}
 
 // 服务器详情
 export function Scdetail(param){

vue/afvue/src/views/Compare.vue

@@ -9,29 +9,27 @@
                 <p>选择源服务器和目标服务器，对比目录接口和代码信息。对比文件改动</p>
                 <p>对比文件的hash，如果hash相同，说明文件没有改动，hash不同，标记出来</p>
                 <p>罗列出需要同步的文件，确认后才能同步</p>
-
             </div>
 
+            <form ref="compform">
             <div class="serbox">
                 <label class="stit">源服务器</label>
-                <select class="selbox">
+                <select class="selbox" name="srcip">
                     <option>请选择源服务器</option>
-                    <option value="192.168.1.100">192.168.1.100</option>
-                    <option value="192.168.1.101">192.168.1.101</option>
-                    <option value="192.168.1.102">192.168.1.102</option>
+                    <option v-for="item in uslist" :value="item.addr">{{ item.addr }}</option>
+
                 </select>
             </div>
             <div class="serbox">
                 <label class="stit">目标服务器</label>
-                <select class="selbox">
+                <select class="selbox" name="dstip">
                     <option>请选择源服务器</option>
-                    <option value="192.168.1.100">192.168.1.100</option>
-                    <option value="192.168.1.101">192.168.1.101</option>
-                    <option value="192.168.1.102">192.168.1.102</option>
+                    <option v-for="item in uslist" :value="item.addr">{{ item.addr }}</option>
                 </select>
             </div>
             <!-- 对比按钮 -->
             <button class="compbtn" v-on:click="gocompare();">对比</button>
+            </form>
         </div>
 
 
@@ -275,6 +273,7 @@
 }
 </style>
 <script>
+import * as SysApi from '@/api/scinfo'
 export default {
     name: 'Compare',
     data() {
@@ -283,6 +282,8 @@ export default {
             dstip: '192.168.1.101',
             srcpath: '/home/xtworks',
             dstpath: '/home/xtworks',
+            // 使用中的服务器
+            uslist:[],
             // 消息
             msglist: [],
         }
@@ -295,12 +296,25 @@ export default {
     beforeDestroy() {
         this.eventSource.close();
     },
-
-
+    mounted() {
+        // 获取使用中的服务器
+        SysApi.SerlistInUsing().then(res => {
+            console.log(res.data);
+            this.uslist = res.data;
+        })
+    },
     methods: {
         //
         gocompare() {
-            alert("df");
+            let form = this.$refs.compform;
+            // 读取表单中的值
+            let scip = form.srcip.value;
+            let dcip = form.dstip.value;
+            //
+           if(scip == dcip){
+            alert("源服务器和目标服务器不能相同");
+            return;
+           }
             console.log(this.srcip, this.dstip, this.srcpath, this.dstpath);
         },