工作台主页

src/assets/base.css

@@ -117,7 +117,7 @@ body {
 }
 .report-item:hover {
   background: rgb(255,255,255);
-background: linear-gradient(15deg, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 50%, rgba(255,97,84,0.103876925770308106) 100%);
+  background: linear-gradient(15deg, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 50%, rgba(255,97,84,0.103876925770308106) 100%);
 }
 .report-icon {
   float: left;

src/router/index.js

@@ -2,16 +2,18 @@ import { createWebHashHistory, createRouter } from 'vue-router'
 
 import Layout from '../layout/index.vue'
 import HomeView from '../views/home/index.vue'
-import HouseHome from '../views/house/home.vue'
 import AssetsHome from '../views/assets/home.vue'
 import PlanningHome from '../views/planning/home.vue'
 import PersonalHome from '../views/personal/home.vue'
 import HouseWorkbench from '../views/house/workbench/index.vue'
-import Consignor from '../views/house/consignor.vue'
-import Certificate from '../views/house/certificate.vue'
-import BaseInfo from '../views/house/baseInfo.vue'
-import Assumption from '../views/house/assumption.vue'
-import EntityInfo from '../views/house/entityInfo.vue'
+import Consignor from '../views/house/workbench/consignor.vue'
+import Certificate from '../views/house/workbench/certificate.vue'
+import BaseInfo from '../views/house/workbench/baseInfo.vue'
+import Assumption from '../views/house/workbench/assumption.vue'
+import EntityInfo from '../views/house/workbench/entityInfo.vue'
+import FolderChild from '../views/house/folder/child.vue'
+import FolderParent from '../views/house/folder/parent.vue'
+import Folder from '../views/house/folder/index.vue'
 
 const routes = [
   {
@@ -21,7 +23,7 @@ const routes = [
   {
     path: '/home',
     component: Layout,
-    name: 'index',
+    name: 'home',
     meta: {
       title: '首页'
     },
@@ -32,34 +34,54 @@ const routes = [
         name: 'homeIndex',
       },
       {
-        path: 'house',
-        component: HouseHome,
-        name: 'houseIndex',
-        meta: {
-          title:'房地产首页'
-        }
-      },
-      {
         path: 'assets',
         component: AssetsHome,
-        name: 'assetsIndex'
+        name: 'assetsIndex',
+        meta: {
+          title: '资产工作台'
+        },
       },
       {
         path: 'planning',
         component: PlanningHome,
-        name: 'planningIndex'
+        name: 'planningIndex',
+        meta: {
+          title: '土地工作台'
+        },
       },
       {
-        path: 'personal',
-        component: PersonalHome,
-        name: 'personalIndex'
+        path: 'house',
+        component: Folder,
+        name: 'folder',
+        meta: {
+          title: '房地产工作台'
+        },
+        children: [
+          {
+            path: 'parent',
+            component: FolderParent,
+            name: 'FolderParent',
+            meta: {
+              title: '项目'
+            },
+          },
+          {
+            path: 'folder',
+            component: FolderChild,
+            name: 'folderChild',
+            meta: {
+              title: '文件夹'
+            },
+          }
+
+        ]
       },
       {
         path: 'houseWorkbench',
         component: HouseWorkbench,
         name: 'houseWorkbench',
         meta: {
-          title:'房地产工作台'
+          title:'房地产项目'
         },
         children: [
           {
@@ -104,7 +126,9 @@ const routes = [
           }
         ]
       }
-    ]
+
+    ],
+    
   },
 ]
 

src/views/house/folder/child.vue

@@ -0,0 +1,201 @@
+<template>
+      <div class="contrl">
+        <div style="width: 95%;">
+          <div class="title-div">
+            <p>{{folderName}}</p>
+          </div>
+          <div class="createNew-div">
+            <img src="../../../assets/icons/word.png" style="width: 32px; height: 32px; float: left;margin-top: 22px;" />
+            <span style="margin-left: 10px;">新的报告</span>
+            <img src="../../../assets/icons/plus.png" style="width: 32px; height: 32px;float: right;margin-top: 22px;" />
+          </div>
+          <div class="createNew-div">
+            <img src="../../../assets/icons/excel.png" style="width: 32px; height: 32px; float: left;margin-top: 22px;" />
+            <span style="margin-left: 10px;">新的测算表</span>
+            <img src="../../../assets/icons/plus.png" style="width: 32px; height: 32px;float: right;margin-top: 22px;" />
+          </div>
+        </div>
+          <div class="example-list report-div">
+            <el-card class="report-item no-border" shadow="never">
+              <div class="report-icon">
+                <img src="../../../assets/icons/word.png" style="width: 52px; height: 52px;"/>
+              </div>
+              <div class="report-text">
+                <span class="report-text-type">房地产咨询类报告</span>
+                <span> 一 </span>
+                <span
+                  class="report-text-name">自贡鑫景城实业有限公司开发建设的位于自贡市自流井区汇东路西段与汇兴路交叉口南侧中心城区D2-44-3地块(原汇西片区C1-03地块)4号楼在建工程（建筑物）抵押价值评估
+                </span>
+                <div style="margin-top: 5px;">
+                  <span>
+                    <el-icon>
+                      <Avatar />
+                    </el-icon>
+                    四川银行股份有限公司自贡分行</span>
+                  <span>
+                    <el-tag style="margin-left: 5px;">
+                      房地产
+                    </el-tag>
+                    <el-tag style="margin-left: 5px;" type="danger">
+                      咨询
+                    </el-tag>
+                  </span>
+                  <span style="float: right; color:darkgrey">
+                    2024-10-16 12:10:09
+                  </span>
+                </div>
+              </div>
+              <div class="report-button">
+                <el-icon>
+                  <Download />
+                </el-icon>
+              </div>
+            </el-card>
+            <el-card class="report-item no-border" shadow="never">
+              <div class="report-icon">
+                <img src="../../../assets/icons/excel.png" style="width: 52px; height: 52px;"/>
+              </div>
+              <div class="report-text">
+                <span class="report-text-type">房地产咨询类报告</span>
+                <span> 一 </span>
+                <span
+                  class="report-text-name">自贡鑫景城实业有限公司开发建设的位于自贡市自流井区汇东路西段与汇兴路交叉口南侧中心城区D2-44-3地块(原汇西片区C1-03地块)4号楼在建工程（建筑物）抵押价值评估
+                </span>
+                <div style="margin-top: 5px;">
+                  <span>
+                    <el-icon>
+                      <Avatar />
+                    </el-icon>
+                    四川银行股份有限公司自贡分行</span>
+                  <span>
+                    <el-tag style="margin-left: 5px;">
+                      房地产
+                    </el-tag>
+                    <el-tag style="margin-left: 5px;" type="danger">
+                      咨询
+                    </el-tag>
+                  </span>
+                  <span style="float: right; color:darkgrey">
+                    2024-10-16 12:10:09
+                  </span>
+                </div>
+              </div>
+              <div class="report-button">
+                <el-icon>
+                  <Download />
+                </el-icon>
+              </div>
+            </el-card>
+          </div>
+      </div>
+</template>
+
+<script>
+export default {
+  name: 'child',
+  data() {
+    return {
+      msg: 0,
+      folderName:null
+    }
+  },
+
+  created(){
+      this.folderName = this.$route.query.folderName;
+  },
+  methods: {
+    createNew() {
+      this.$router.push('/home/houseWorkbench/consignor')
+    },
+    nextFolder(){
+      
+    }
+  }
+}
+
+</script>
+
+<style scoped>
+.base {
+  min-height: calc(100vh - 80px);
+  width: 100%;
+}
+
+.content {
+  margin-left: 160px;
+  margin-right: 160px;
+  padding: 50px 20px 20px 20px;
+
+}
+
+.contrl {
+  width: 70.9%;
+  border-right: 1.5px #dae1eb solid;
+  padding: 0px 20px 20px 0px;
+  float: left;
+
+}
+
+.report-div {
+  margin-top: 100px;
+  min-height: 600px;
+}
+
+:deep(.el-tabs__active-bar) {
+  background-color: #ff6154;
+}
+
+:deep(.el-tabs__item.is-active) {
+  color: #ff6154;
+}
+
+:deep(.el-tabs__item:hover) {
+  color: #ff6154;
+}
+
+.title-div {
+  width: 500px;
+  float: left;
+  overflow-y: hidden;
+  height: 80px;
+}
+
+.createNew-div {
+  height: 80px;
+  line-height: 80px;
+  border: #dae1eb 1.5px solid;
+  border-radius: 0.6em;
+  width: 200px;
+  float: right;
+  padding-left: 10px;
+  padding-right: 10px;
+  margin-left: 20px;
+
+}
+
+.createNew-div:hover {
+  cursor: pointer;
+  background-color: #dae1eb;
+  border: #dae1eb 1.5px solid;
+  transition: 0.5s;
+}
+
+:deep(.el-tabs__nav-wrap:after) {
+  background-color: white;
+}
+
+.null-div {
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  margin-top: 20%;
+  color: var(--vt-c-text-light-2);
+}
+.no-border {
+  border: none;
+}
+.no-border:hover {
+  cursor: pointer;
+}
+
+</style>

src/views/house/folder/index.vue

@@ -0,0 +1,132 @@
+<template>
+    <div class="base">
+      <div class="content">
+        <div class="breadcrumb">
+          <Breadcrumb />
+        </div>
+        <section class="bench-main">
+          <router-view v-slot="{ Component }">
+            <transition>
+              <keep-alive>
+                <component :is="Component" />
+              </keep-alive>
+            </transition>
+          </router-view>
+        </section>
+      </div>
+    </div>
+  </template>
+  
+  <script>
+    import Breadcrumb from '../../../components/Breadcrumb/index.vue'
+    import Folder from './child.vue'
+  export default {
+    name: 'houseHome',
+    components:{
+        Breadcrumb,
+        Folder
+    },
+    data() {
+      return {
+        msg: 0,
+        activeName: 'all'
+      }
+    },
+  
+    methods: {
+      createNew() {
+        this.$router.push('/home/houseWorkbench/consignor')
+      },
+      nextFolder(){
+        this.$router.push('/home/house/folder')
+      }
+    }
+  }
+  
+  </script>
+  
+  <style scoped>
+  .base {
+    min-height: calc(100vh - 80px);
+    width: 100%;
+  }
+  
+  .content {
+    margin-left: 160px;
+    margin-right: 160px;
+    padding: 50px 20px 20px 20px;
+  
+  }
+  
+  .contrl {
+    width: 70.9%;
+    border-right: 1.5px #dae1eb solid;
+    padding: 0px 20px 20px 0px;
+    float: left;
+  
+  }
+  
+  .condtion-tabs {
+    margin-top: 80px;
+    min-height: 600px;
+  }
+  
+  :deep(.el-tabs__active-bar) {
+    background-color: #ff6154;
+  }
+  
+  :deep(.el-tabs__item.is-active) {
+    color: #ff6154;
+  }
+  
+  :deep(.el-tabs__item:hover) {
+    color: #ff6154;
+  }
+  
+  .title-div {
+    height: 80px;
+    line-height: 80px;
+    width: 200px;
+    float: left;
+    font-size: 20px;
+    font-weight: 900;
+  }
+  
+  .createNew-div {
+    height: 80px;
+    line-height: 80px;
+    border: #dae1eb 1.5px solid;
+    border-radius: 0.6em;
+    width: 200px;
+    float: right;
+    padding-left: 10px;
+    padding-right: 10px;
+  
+  }
+  
+  .createNew-div:hover {
+    cursor: pointer;
+    background-color: #dae1eb;
+    border: #dae1eb 1.5px solid;
+    transition: 0.5s;
+  }
+  
+  :deep(.el-tabs__nav-wrap:after) {
+    background-color: white;
+  }
+  
+  .null-div {
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    margin-top: 20%;
+    color: var(--vt-c-text-light-2);
+  }
+  .no-border {
+    border: none;
+  }
+  .no-border:hover {
+    cursor: pointer;
+  }
+  </style>
+  

src/views/house/folder/parent.vue

@@ -0,0 +1,256 @@
+<template>
+      <div class="contrl">
+        <div style="width: 95%;">
+          <div class="title-div">
+            <span>房地产工作台</span>
+          </div>
+          <div class="createNew-div" @click="createFolder" >
+            <img src="../../../assets/icons/folder.png" style="width: 32px; height: 32px; float: left;margin-top: 22px;" />
+            <span style="margin-left: 10px;">新的项目</span>
+            <img src="../../../assets/icons/plus.png" style="width: 32px; height: 32px;float: right;margin-top: 22px;" />
+          </div>
+        </div>
+        <div class="createNew-div" @click="createWord()">
+            <img src="../../../assets/icons/word.png" style="width: 32px; height: 32px; float: left;margin-top: 22px;" />
+            <span style="margin-left: 10px;">新的报告</span>
+            <img src="../../../assets/icons/plus.png" style="width: 32px; height: 32px;float: right;margin-top: 22px;" />
+          </div>
+          <div class="createNew-div">
+            <img src="../../../assets/icons/excel.png" style="width: 32px; height: 32px; float: left;margin-top: 22px;" />
+            <span style="margin-left: 10px;">新的测算表</span>
+            <img src="../../../assets/icons/plus.png" style="width: 32px; height: 32px;float: right;margin-top: 22px;" />
+          </div>
+        <el-tabs v-model="activeName" class="condtion-tabs" @tab-click="handleClick">
+          <el-tab-pane label="全部项目" name="all">
+            <div class="example-list">
+              <el-card class="report-item no-border" shadow="never" @click="nextFolder('自贡鑫景城实业有限公司开发建设的位于自贡市自流井区汇东路西段与汇兴路交叉口南侧中心城区D2-44-3地块(原汇西片区C1-03地块)4号楼在建工程（建筑物）抵押价值评估')">
+                <div class="report-icon">
+                  <img src="../../../assets/icons/folder.png" style="width: 52px; height: 52px;"/>
+                </div>
+                <div class="report-text">
+                  <div>
+                    <span class="report-text-type">房地产抵押类报告</span>
+                  </div>
+                  <div style="padding-top: 5px;">
+                    <span>
+                      <el-icon>
+                        <Avatar />
+                      </el-icon>
+                      成都中铁华府置业有限公司</span>
+                    <span>
+                      <el-tag style="margin-left: 5px;">
+                        房地产
+                      </el-tag>
+                      <el-tag style="margin-left: 5px;" type="success">
+                        抵押
+                      </el-tag>
+                    </span>
+                    <span style="float: right; color:darkgrey">
+                      2024-10-16 12:10:09
+                    </span>
+                  </div>
+                </div>
+              </el-card>
+              <el-card class="report-item no-border" shadow="never">
+                <div class="report-icon">
+                  <img src="../../../assets/icons/word.png" style="width: 52px; height: 52px;"/>
+                </div>
+                <div class="report-text">
+                  <span class="report-text-type">房地产咨询类报告</span>
+                  <span> 一 </span>
+                  <span
+                    class="report-text-name">自贡鑫景城实业有限公司开发建设的位于自贡市自流井区汇东路西段与汇兴路交叉口南侧中心城区D2-44-3地块(原汇西片区C1-03地块)4号楼在建工程（建筑物）抵押价值评估
+                  </span>
+                  <div style="margin-top: 5px;">
+                    <span>
+                      <el-icon>
+                        <Avatar />
+                      </el-icon>
+                      四川银行股份有限公司自贡分行</span>
+                    <span>
+                      <el-tag style="margin-left: 5px;">
+                        房地产
+                      </el-tag>
+                      <el-tag style="margin-left: 5px;" type="danger">
+                        咨询
+                      </el-tag>
+                    </span>
+                    <span style="float: right; color:darkgrey">
+                      2024-10-16 12:10:09
+                    </span>
+                  </div>
+                </div>
+                <div class="report-button">
+                  <el-icon>
+                    <Download />
+                  </el-icon>
+                </div>
+              </el-card>
+              <el-card class="report-item no-border" shadow="never">
+                <div class="report-icon">
+                  <img src="../../../assets/icons/excel.png" style="width: 52px; height: 52px;"/>
+                </div>
+                <div class="report-text">
+                  <span class="report-text-type">房地产咨询类报告</span>
+                  <span> 一 </span>
+                  <span
+                    class="report-text-name">自贡鑫景城实业有限公司开发建设的位于自贡市自流井区汇东路西段与汇兴路交叉口南侧中心城区D2-44-3地块(原汇西片区C1-03地块)4号楼在建工程（建筑物）抵押价值评估
+                  </span>
+                  <div style="margin-top: 5px;">
+                    <span>
+                      <el-icon>
+                        <Avatar />
+                      </el-icon>
+                      四川银行股份有限公司自贡分行</span>
+                    <span>
+                      <el-tag style="margin-left: 5px;">
+                        房地产
+                      </el-tag>
+                      <el-tag style="margin-left: 5px;" type="danger">
+                        咨询
+                      </el-tag>
+                    </span>
+                    <span style="float: right; color:darkgrey">
+                      2024-10-16 12:10:09
+                    </span>
+                  </div>
+                </div>
+                <div class="report-button">
+                  <el-icon>
+                    <Download />
+                  </el-icon>
+                </div>
+              </el-card>
+            </div>
+          </el-tab-pane>
+          <el-tab-pane label="进行中的项目" name="pending">
+            <div class="null-div">
+              <img src="../../../assets/icons/null.png" style="width: 128px; height: 128px;" />
+              <div>
+                <span>还没有项目</span>
+              </div>
+            </div>
+          </el-tab-pane>
+          <el-tab-pane label="已完成的项目" name="finished">Role</el-tab-pane>
+        </el-tabs>
+      </div>
+</template>
+
+<script>
+export default {
+  name: 'houseParent',
+  data() {
+    return {
+      msg: 0,
+      activeName: 'all'
+    }
+  },
+
+  methods: {
+    createWord() {
+      this.$router.push('/home/houseWorkbench/consignor')
+    },
+    nextFolder(folderName){
+      this.$router.push({path:'/home/house/folder',query:{'folderName':folderName}})
+    },
+    createFolder(){
+      ElMessageBox.prompt('请输入项目文件夹名称', '', {
+      confirmButtonText: '创建',
+      cancelButtonText: '取消',
+    })
+      .then(({ value }) => {
+        ElMessage({
+          type: 'success',
+          message: `Your email is:${value}`,
+        })
+      })
+    }
+  }
+}
+
+</script>
+
+<style scoped>
+.base {
+  min-height: calc(100vh - 80px);
+  width: 100%;
+}
+
+.content {
+  margin-left: 160px;
+  margin-right: 160px;
+  padding: 50px 20px 20px 20px;
+
+}
+
+.contrl {
+  width: 70.9%;
+  border-right: 1.5px #dae1eb solid;
+  padding: 0px 20px 20px 0px;
+  float: left;
+
+}
+
+.condtion-tabs {
+  margin-top: 80px;
+  min-height: 600px;
+}
+
+:deep(.el-tabs__active-bar) {
+  background-color: #ff6154;
+}
+
+:deep(.el-tabs__item.is-active) {
+  color: #ff6154;
+}
+
+:deep(.el-tabs__item:hover) {
+  color: #ff6154;
+}
+
+.title-div {
+  height: 80px;
+  line-height: 80px;
+  width: 200px;
+  float: left;
+  font-size: 20px;
+  font-weight: 900;
+}
+
+.createNew-div {
+  height: 80px;
+  line-height: 80px;
+  border: #dae1eb 1.5px solid;
+  border-radius: 0.6em;
+  width: 200px;
+  float: right;
+  padding-left: 10px;
+  padding-right: 10px;
+  margin-left: 20px;
+}
+
+.createNew-div:hover {
+  cursor: pointer;
+  background-color: #dae1eb;
+  border: #dae1eb 1.5px solid;
+  transition: 0.5s;
+}
+
+:deep(.el-tabs__nav-wrap:after) {
+  background-color: white;
+}
+
+.null-div {
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  margin-top: 20%;
+  color: var(--vt-c-text-light-2);
+}
+.no-border {
+  border: none;
+}
+.no-border:hover {
+  cursor: pointer;
+}
+</style>

src/views/house/home.vue

@@ -1,34 +0,0 @@
-<template>
-  <div class="base">
-    <div class="content">
-      <div class="breadcrumb">
-       <Breadcrumb />
-      </div>
-      HOUSE-HOME
-    </div>
-  </div>
-</template>
-
-<script>
- import Breadcrumb from '../../components/Breadcrumb/index.vue'
-export default {
-  name:'houseHome',
-  data() {
-    return {
-      msg: 0
-    }
-  }
-}
-</script>
-
-<style scoped>
-.base {
-  min-height: calc(100vh - 80px);
-  width: 100%;
-}
-.content {
-  margin-left: 160px;
-  padding: 50px 20px 20px 20px;
-}
-</style>
-

src/views/house/assumption.vue

@@ -193,7 +193,7 @@
 
 
 <script>
-import  SwitchButton from '../../components/SwichButton/index.vue'
+import  SwitchButton from '../../../components/SwichButton/index.vue'
 
 export default {
 

src/views/house/baseInfo.vue

@@ -470,7 +470,7 @@
 
 
 <script>
-import  SwitchButton from '../../components/SwichButton/index.vue'
+import  SwitchButton from '../../../components/SwichButton/index.vue'
 
 export default {
 

src/views/house/certificate.vue

@@ -398,7 +398,7 @@
 </template>
 
 <script>
-import  SwitchButton from '../../components/SwichButton/index.vue'
+import  SwitchButton from '../../../components/SwichButton/index.vue'
 
  export default {
     components:{

src/views/house/consignor.vue

@@ -23,7 +23,7 @@
 </template>
 
 <script>
-import  SwitchButton from '../../components/SwichButton/index.vue'
+import  SwitchButton from '../../../components/SwichButton/index.vue'
  export default {
     components:{
         SwitchButton

src/views/house/entityInfo.vue

@@ -412,7 +412,7 @@
 
 
 <script>
-import  SwitchButton from '../../components/SwichButton/index.vue'
+import  SwitchButton from '../../../components/SwichButton/index.vue'
 
 export default {