no message

src/pages/file/allfile.vue

+<template>
+    <div class="allFileBox">
+        
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            taskList:[],
+        }
+    },
+    methods: {
+        clieckProject() {
+
+        }
+    },
+    mounted:function(){
+        this.taskList = [
+            {pName:"徐汇教育局", status:"", day:7, process:70, haveUp:"上传文件" },
+            {pName:"体科艺", status:"exception", day:3, process:30, haveUp:"上传文件" },
+            {pName:"张江双创", status:"warning", day:5, process:50, haveUp:"重新上传" },
+            {pName:"徐汇教育局二期", status:"success", day:10, process:80, haveUp:"重新上传" },
+            {pName:"长三角", status:"success", day:10, process:100, haveUp:"重新上传" },
+        ];
+    },
+}
+</script>
+
+<style>
+
+</style>
\ No newline at end of file

src/pages/self/files.vue → src/pages/file/files.vue

 <template>
     <div class="filesBox">
-        <div class="filesTable">
+        <div class="header">
+            <el-breadcrumb separator="/">
+                <el-breadcrumb-item><a @click="checkHome">项目列表</a></el-breadcrumb-item>
+                <el-breadcrumb-item>{{thisCheckProject}}</el-breadcrumb-item>
+            </el-breadcrumb>
+        </div>
+        <div class="filesTable" v-if="!thisCheckProject">
             <div v-for="(item, index) in taskList" :key="index">
-                <div class="onceProjectCheckBox" @click="clieckProject">
-                    <div class="titleBox">{{item.pName}}</div>
-                    <div class="fileCountBox">
-                        <el-button class="onceTitleBox" type="text">设计说明：7</el-button>
-                        <el-button class="onceTitleBox" type="text">交互文档：3</el-button>
-                        <el-button class="onceTitleBox" type="text">接口文档：2</el-button>
-                        <el-button class="onceTitleBox" type="text">招标文档：1</el-button>
-                        <el-button class="onceTitleBox" type="text">其他文档：1</el-button>
-                    </div>
+            <div class="onceProjectCheckBox" @click="clieckProject(item)">
+                <div class="titleBox">{{item.pName}}</div>
+                <div class="fileCountBox">
+                    <el-button class="onceTitleBox" type="text">设计说明：7</el-button>
+                    <el-button class="onceTitleBox" type="text">交互文档：3</el-button>
+                    <el-button class="onceTitleBox" type="text">接口文档：2</el-button>
+                    <el-button class="onceTitleBox" type="text">招标文档：1</el-button>
+                    <el-button class="onceTitleBox" type="text">其他文档：1</el-button>
                 </div>
             </div>
         </div>
-         <div class="fileInfoDialog">
-            <el-dialog width="80%" top="2vh" :visible.sync="fileInfoDialogVisible">
-                <fileInfo ref="p2"/>
-            </el-dialog>
-       </div>
+        </div>
+        <div v-else>
+            <fileInfo ref="p2"/>
+        </div>
     </div>
 </template>
 
 <script>
-import fileInfo from "./fileInfo.vue"
+import fileInfo from "./fileInfo.vue";
 export default {
     data() {
         return {
             taskList:[],
-            fileInfoDialogVisible:false
+            fileInfoDialogVisible:false,
+            thisCheckProject:""
         }
     },
     components: { fileInfo },
@@ -43,8 +48,13 @@ export default {
         ];
     },
     methods:{
-        clieckProject() {
-            this.fileInfoDialogVisible = true;
+        clieckProject(item) {
+            // this.fileInfoDialogVisible = true;
+            //设置页面
+            this.thisCheckProject = item.pName;
+        },
+        checkHome() {
+            this.thisCheckProject = "";
         }
     }
 
@@ -56,8 +66,19 @@ export default {
     width: 100%;
     height: 100%;
 }
+.filesBox .header {
+    width: 100%;
+    height: 30px;
+}
+.filesBox .filesTable {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    border-radius: 6px;
+}
 
-.filesBox .onceProjectCheckBox {
+.filesBox .filesTable .onceProjectCheckBox {
   margin: 25px;
   width: 330px;
   height: 180px;
@@ -66,20 +87,13 @@ export default {
   background: rgb(255, 255, 255);
 }
 
-.filesBox .filesTable {
-    width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-start;
-    border-radius: 6px;
-}
 
-.filesBox .onceProjectCheckBox:hover {
+.filesBox .filesTable .onceProjectCheckBox:hover {
   box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.788);
   bottom: 3px;
 }
 
-.filesBox .onceProjectCheckBox .titleBox {
+.filesBox .filesTable .onceProjectCheckBox .titleBox {
     width:100%;
     height:40px;
     font-size: 19px;
@@ -88,14 +102,14 @@ export default {
     line-height: 40px;
 }
 
-.filesBox .onceProjectCheckBox .fileCountBox {
+.filesBox .filesTable .onceProjectCheckBox .fileCountBox {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
     padding-left: 3px;
 }
-.filesBox .onceProjectCheckBox .fileCountBox .onceTitleBox {
+.filesBox .filesTable .onceProjectCheckBox .fileCountBox .onceTitleBox {
     width: 110px;
     color: rgb(90, 90, 90);
     margin: 5px;

src/router/index.js

@@ -37,7 +37,7 @@ export default new Router({
       component: () => import('../pages/home.vue'),
       children: [
         {path: 'notebook', name: 'notebook', component: () => import('../pages/self/notebook.vue')},
-        {path: 'files', name: 'files', component: () => import('../pages/self/files.vue')}
+        {path: 'files', name: 'files', component: () => import('../pages/file/files.vue')}
       ]
     },
     {

src/server/axiosInstance.js

 import axios from 'axios'
 
-const serverUrl = 'http://192.168.0.47:6066';
+const serverUrl = 'http://192.168.0.105:6066';
 
 let server = axios.create({
     baseURL: serverUrl,