修正list 为空导致出现的当前路劲的异常

vue/afvue/src/views/Sfilecompare.vue

@@ -10,7 +10,6 @@
                 </select>
                 <input name="path" class="inputbox" type="text" placeholder="/"  v-model="fspath">
                 <button @click="getFlist">Go</button>
-                <button @click="">home</button>
                 <button @click="goParent">🔙</button>
             </div>
             <div class="sflist">
@@ -22,8 +21,9 @@
                 </ul>
             </div>
                             
-            <div class="tips" v-if="fsclist.length > 0">
-                <span>当前路径：{{fspath}} ,文件数量：{{ fsclist.length }}</span>
+            <div class="tips" >
+                <span v-if="fsclist.length > 0">当前路径：{{fspath}} ,文件数量：{{ fsclist.length }}</span>
+                <span v-else>当前服务器：{{fsip}}</span>
             </div>
         </div>
         <!-- 第二个服务器的文件列表 -->
@@ -36,7 +36,6 @@
                 </select>
                 <input name="path" class="inputbox" type="text" placeholder="192.168.66.92:9098" v-model="sspath">
                 <button @click="getSflist">GO</button>
-                <button @click="">home</button>
                 <button @click="goParent">🔙</button>
             </div>
         
@@ -49,8 +48,9 @@
                 </ul>
             </div>
                         
-            <div class="tips" v-if="ssclist.length > 0">
-                <span>当前路径：{{sspath}} ,文件数量：{{ fsclist.length }}</span>
+            <div class="tips" >
+                <span v-if="ssclist.length > 0">当前路径：{{sspath}} ,文件数量：{{ fsclist.length }}</span>
+                <span v-else>当前服务器：{{ssip}}</span>
             </div>
         </div>
     </div>
@@ -109,6 +109,9 @@ export default {
             let npath,sel
             if(nflag==1){
                 sel=this.$refs.fsip.value
+                // if(this.fspath == path){
+                //     this.fspath = '/'
+                // }
                 // 拼装url
                 if(this.fspath == '/'){
                     npath = '/' + path
@@ -119,6 +122,10 @@ export default {
             }
             if(nflag==2){
                 sel = this.$refs.ssip.value
+
+                if(this.sspath == path){
+                    this.sspath = '/'
+                }
                 if(this.sspath=='/'){
                     npath = '/' + path
                 }else{
@@ -130,6 +137,7 @@ export default {
             let rrarr = this.preIp(sel)
             // ip转为base64
             let ip = btoa(rrarr[0])
+            console.log(npath)
             this.queryFlist(ip,rrarr[1],npath,nflag)
         },
         // 查询内容
@@ -141,12 +149,21 @@ export default {
             }).then(res => {
                 // 绑定数据
                 if(nflag == 1){
+                    // 如果list 为空
+                    let vlist = res.data.list
+                    if(vlist.length == 0){
+                        npath="/"
+                    }
                     this.fspath = npath
-                    this.fsclist = res.data.list
+                    this.fsclist = vlist
                 }
                 if(nflag == 2){
+                    let vlist = res.data.list
+                    if(vlist.length == 0){
+                        npath="/"
+                    }
                     this.sspath = npath
-                    this.ssclist = res.data.list
+                    this.ssclist = vlist
                 }
             })
             return rlist;
@@ -211,8 +228,11 @@ export default {
     width: 100%;
     min-height: 560px;
 }
+.sfcon:first-child{
+    margin-bottom: 22px;
+    box-shadow: 1px 7px 10px 3px rgba(0, 0, 0, 0.1);
+}
 .sfcon:nth-child(2){
-    border-right: 1px solid #ccc;
     margin-top: 22px;
 }
 .sfcon:nth-child(2) .sflist{
@@ -245,11 +265,12 @@ export default {
     outline: none;
     width: 460px;
 }
-.sfind  button{
+.sfind button{
     width: 70px;
     height: 40px;
     margin-left: 12px;
-    
+    background-color: #f5f5f5;
+    border: none;
 }
 .sfcon .sflist{
     min-height: 560px;