增加说明

vue/afvue/src/views/Sfilecompare.vue

@@ -12,10 +12,14 @@
                 <button @click="getFlist">Go</button>
             </div>
             <div class="sflist">
-                <ul v-for="item in fsclist" :key="item">
-                    <li >{{item.path}}</li>
+                <ul >
+                    <li v-for="item in fsclist" :key="item">{{item.path}}</li>
                 </ul>
             </div>
+                            
+            <div class="tips" v-if="fsclist.length > 0">
+                <span>当前路径：{{fspath}} ,文件数量：{{ fsclist.length }}</span>
+            </div>
         </div>
         <!-- 第二个服务器的文件列表 -->
         <div class="sfcon">
@@ -30,16 +34,21 @@
             </div>
         
             <div class="sflist">
-                <ul v-for="item in ssclist" :key="item">
-                    <li >{{item.path}}</li>
+                <ul >
+                    <li v-for="item in ssclist" :key="item">{{item.path}}</li>
                 </ul>
             </div>
+                        
+            <div class="tips" v-if="ssclist.length > 0">
+                <span>当前路径：{{fspath}} ,文件数量：{{ fsclist.length }}</span>
+            </div>
         </div>
     </div>
 </template>
 
 <script>
 import { GetFileList,SerlistInUsing } from '@/api/scinfo'
+import { isLength } from 'lodash';
 
 export default {
     name: 'Sfilecompare',
@@ -69,31 +78,23 @@ export default {
             let sstr = fsip.split(":")
             let sport = sstr[1]
             let scip = btoa(sstr[0])
-
-            let rt = this.FileList(scip,sport,this.fspath)
-            console.log(rt,"rt")
+            // 获取文件列表
+            GetFileList({srcip: scip,path: this.fspath,sport: sport}).then(res => {
+                this.fsclist = res.data.list
+            })
         },
         // 获取第二个服务器的文件列表
         getSflist() {
-            let sstr = this.ssip.split(":")
+            let ssip = this.$refs.ssip.value
+            let sstr = ssip.split(":")
             let sport = sstr[1]
             let scip = btoa(sstr[0])
-            //
-            this.ssclist = this.FileList(scip,sport,this.sspath)
+            // 获取文件列表
+            GetFileList({srcip: scip,path: this.sspath,sport: sport}).then(res => {
+                this.ssclist = res.data.list
+            })
         },
 
-        // 通用的查询方法
-        FileList(ip,port,path){
-            let retlist=[]
-            GetFileList({
-                srcip: ip,
-                path: path,
-                sport: port
-            }).then(res => {
-                retlist= res.data
-            })
-            return retlist
-        }
     }
 }
 </script>
@@ -119,6 +120,9 @@ export default {
     border-right: 1px solid #ccc;
     margin-top: 22px;
 }
+.sfcon:nth-child(2) .sflist{
+    background-color: #c3c3c3;
+}
 .sfind{
     width: 100%;
     height: 40px;
@@ -133,6 +137,7 @@ export default {
     margin-top: 20px;
     display: block;
     width: 100%;
+    min-height: 500px;
 }
 .sfcon .sflist ul li{
     list-style: none;
@@ -142,4 +147,9 @@ export default {
     line-height: 40px;
     border-bottom: 1px dashed #ccc;
 }
+.sfcon .sflist .tips{
+    width: 100%;
+    float: left;
+    margin-top: 12px;
+}
 </style>