调整列表输出格式

vue/afvue/src/views/Dashboard.vue

@@ -6,7 +6,7 @@
             <span class="dstit">{{index+1}}、 {{ item.addr }} 服务器概况</span>
 
             <div class="dsinfo">
-                <router-link :to="'/flist?srcip='+item.id" class="dsbtn green">文件浏览器</router-link>
+                <router-link :to="'/flist?srcip='+item.token" class="dsbtn green">文件浏览器</router-link>
                 <a href="" class="dsbtn green">代码对比</a>
             </div>
             <div class="dscon">
@@ -85,6 +85,8 @@ export default {
         return {
             sysdata:[], // 服务器系统信息
             sclist:[],
+            // 标志
+            vtoken:""
         }
     },
     created() {
@@ -102,6 +104,9 @@ export default {
                     let afbin= base64ToUint8Array(item.resp)
                     // 将二进制解析
                     item.resp = scinfo.decodeHdinfo(afbin)
+                    // 增加一个token
+                    item.token = btoa(item.addr)
+    
                     // 绑定到对象中
                     this.sysdata.push(item)
                 })

vue/afvue/src/views/Flist.vue

@@ -3,13 +3,20 @@
         <h1>文件浏览器</h1>
         <div class="wfbox">
             <div class="wftit">
-                文件列表
+                <input type="text" placeholder="请输入文件路径">
             </div>
-            <div class="wflist">
-                <div class="wfitem" v-for="item in flist" :key="item">
-                    {{ item.path }}
-                    {{ item.size }}
-                    {{ item.hash }}
+            <div class="fbox">
+                <div class="ftit">
+                    <span>文件名称</span>
+                    <span>文件大小</span>
+                    <span>文件哈希</span>
+                </div>
+                <div class="fcon" v-for="item in flist" :key="item">
+                   <span class="fcline">
+                        {{ item.path }}
+                   </span> 
+                    <span class="fcline">{{ item.size }}KB</span>
+                    <span class="fcline">{{ item.hash }}</span>
                 </div>
             </div>
         </div>
@@ -49,4 +56,42 @@ export default {
     h1 {
         color: #333;
     }
+    .fbox{
+        width: 100%;
+        margin-top: 20px;
+    }
+    .fbox .ftit{
+        background-color: #f6f6f6;
+        height: 40px;
+        line-height: 40px;
+        padding-left: 20px;
+
+    }
+    .fbox .ftit span{
+        display: block;
+        text-align: left;
+        float: left;
+        font-weight: bold;
+    }
+    
+    .fbox  span:first-child{
+        width: 40%;
+    }
+    .fbox  span:nth-child(2){
+        width: 20%;
+    }
+    .fbox span:nth-child(3){
+        width: 40%;
+        /* background-color: #f6f6f6; */
+        font-size: 12px;
+    }
+    .fcon{
+        height: 40px;
+        line-height: 40px;
+        padding-left: 20px;
+    }
+    .fcon .fcline{
+        border-bottom: 1px solid #ccc;
+        float: left;
+    }
 </style>