fix：删除了试用范围

src/router/index.js

@@ -596,7 +596,23 @@ export const routes = [
           keepAlive: true,
           keepAlive: true,
         },
         },
       },
       },
-      
+      {
+        path: "/main/businessCockpit",
+        name: "businessCockpit",
+        component: () => import("@/views/bigScreen/cockpit/businessCockpit/index.vue"),
+        meta: {
+          title: "业务智能驾驶舱",
+          keepAlive: true,
+        },
+      },
+      {
+        path: "/main/projectCockpit",
+        name: "projectCockpit",
+        component: () => import("@/views/bigScreen/cockpit/projectCockpit/index.vue"),
+        meta: {
+          title: "项目智能驾驶舱详情",
+        },
+      },
     ],
     ],
   },
   },
 ];
 ];

src/views/Main/menu.js

@@ -25,11 +25,11 @@ export const menuOptions = [
           },
           },
           {
           {
             name: '业务智能驾驶舱',
             name: '业务智能驾驶舱',
-            path: '',
+            path: '/main/businessCockpit',
           },
           },
           {
           {
             name: '项目智能驾驶舱',
             name: '项目智能驾驶舱',
-            path: '',
+            path: '/main/projectCockpit',
           },
           },
         ],
         ],
       },
       },

src/views/bigScreen/cockpit/businessCockpit/index.vue

+<!--
+ * @Description: 管理智能驾驶舱
+ * @Version: 2.0
+ * @Autor: pan
+ * @Date: 2024-06-05 09:51:26
+ * @LastEditors: pan
+ * @LastEditTime: 2024-06-11 09:29:35
+-->
+<template>
+  <div class="w-100 h-100 manageCockpit flex">
+    <div class="leftTree">
+      <div class="treeTitle">组织机构</div>
+      <el-tree
+          :highlight-current="true"
+          :data="treeData"
+          :props="treeProps"
+          @node-click="handleNodeClick"
+      ></el-tree>
+    </div>
+    <div class="flex-1" style="min-width: 0">
+      <div class="header__wrap p-16">
+        <div class="header-title m-b-16 align-l font-bold font-18">
+          发展策划部
+        </div>
+        <div class="header-choosePrj align-l">
+          <el-button class="m-r-20" type="primary" @click="fnChoosePrj()"
+          >选择项目
+          </el-button
+          >
+          <span>您已选择：{{ prjInfo.prjName }}</span>
+        </div>
+      </div>
+
+      <div class="content__wrap flex">
+        <ProjectInfo ref="project" style="width: 30%"/>
+        <ViewInfo
+            style="width: 70%"
+            :prjId="prjInfo.prjId"
+            ref="view"
+            class="flex-1"
+        />
+      </div>
+    </div>
+
+    <!-- 选择项目组件 -->
+    <ChoosePrjDialog
+        @selectData="selectData"
+        :visible.sync="choosePrjVisible"
+    />
+  </div>
+</template>
+
+<script>
+import ChoosePrjDialog from '@/components/ChoosePrjDialog.vue'
+import ProjectInfo from '../components/ProjectInfo.vue'
+import ViewInfo from '../components/ViewInfo.vue'
+
+import {queryProjectInfoManageTable} from '@/api/index'
+import {getOrgTree} from '@/api/bigScreen'
+
+export default {
+  name: 'manageCockpit',
+  components: {
+    ProjectInfo,
+    ChoosePrjDialog,
+    ViewInfo,
+  },
+  data() {
+    return {
+      choosePrjVisible: false,
+      prjInfo: {},
+      treeData: [],
+      treeProps: {
+        children: 'children',
+        label: 'name',
+      },
+    }
+  },
+
+  created() {
+    this.queryProjectInfoManageTable()
+    this.getOrgTree()
+  },
+  methods: {
+    init() {
+      this.$refs['project'].fnGetDetail(this.prjInfo.prjId)
+      this.$refs['view'].getViewInfo(this.prjInfo.prjId)
+    },
+    queryProjectInfoManageTable() {
+      const params = {
+        current: 1,
+        pageSize: 1,
+      }
+      queryProjectInfoManageTable(params).then((res) => {
+        if (res.code === 200) {
+          this.prjInfo = res.data.records[0]
+          this.init()
+        } else {
+          this.$message.warning(res.msg)
+        }
+      })
+    },
+    getOrgTree() {
+      getOrgTree().then((res) => {
+        if (res.code === 200) {
+          this.treeData = res.data
+        }
+      })
+    },
+    fnChoosePrj() {
+      this.choosePrjVisible = true
+    },
+    selectData(data) {
+      console.log(data)
+      this.prjInfo = data[0]
+      this.init()
+    },
+    handleNodeClick() {
+    },
+  },
+}
+</script>
+<style scoped lang="scss">
+.manageCockpit {
+  .leftTree {
+    width: 273px;
+    display: flex;
+    flex-direction: column;
+    border-right: 1px solid #ebeef5;
+    // height: 100%;
+    .treeTitle {
+      height: 60px;
+      line-height: 60px;
+      padding: 0 15px;
+      box-sizing: border-box;
+      border-bottom: 1px solid #ebeef5;
+      text-align: left;
+      font-weight: bold;
+    }
+
+    /deep/ .el-tree {
+      flex: 1;
+      min-height: 0;
+      overflow: auto;
+      padding-right: 10px;
+      margin-bottom: 10px;
+
+      .el-tree-node__expand-icon.el-icon-caret-right.is-leaf {
+        background-color: #ffffff !important;
+      }
+
+      .el-tree-node__content:hover {
+        .is-leaf {
+          background-color: #f5f7fa !important;
+        }
+      }
+    }
+
+    /deep/
+    .el-tree--highlight-current
+    .el-tree-node.is-current
+    > .el-tree-node__content {
+      background-color: #c0ebe4 !important;
+      color: #999999;
+
+      .is-leaf {
+        background-color: #c0ebe4 !important;
+      }
+    }
+  }
+
+  .header__wrap {
+    border-bottom: 1px solid #ebeef5;
+  }
+
+  .content__wrap {
+    height: calc(100% - 114px);
+  }
+}
+</style>

src/views/bigScreen/cockpit/projectCockpit/index.vue

+<!--
+ * @Description: 管理智能驾驶舱
+ * @Version: 2.0
+ * @Autor: pan
+ * @Date: 2024-06-05 09:51:26
+ * @LastEditors: pan
+ * @LastEditTime: 2024-06-11 09:29:35
+-->
+<template>
+  <div class="w-100 h-100 manageCockpit flex">
+    <div class="leftTree">
+      <div class="treeTitle">组织机构</div>
+      <el-tree
+        :highlight-current="true"
+        :data="treeData"
+        :props="treeProps"
+        @node-click="handleNodeClick"
+      ></el-tree>
+    </div>
+    <div class="flex-1" style="min-width: 0">
+      <div class="header__wrap p-16">
+        <div class="header-title m-b-16 align-l font-bold font-18">
+          发展策划部
+        </div>
+        <div class="header-choosePrj align-l">
+          <el-button class="m-r-20" type="primary" @click="fnChoosePrj()"
+            >选择项目</el-button
+          >
+          <span>您已选择：{{ prjInfo.prjName }}</span>
+        </div>
+      </div>
+
+      <div class="content__wrap flex">
+        <ProjectInfo ref="project" style="width: 30%" />
+        <ViewInfo
+          style="width: 70%"
+          :prjId="prjInfo.prjId"
+          ref="view"
+          class="flex-1"
+        />
+      </div>
+    </div>
+
+    <!-- 选择项目组件 -->
+    <ChoosePrjDialog
+      @selectData="selectData"
+      :visible.sync="choosePrjVisible"
+    />
+  </div>
+</template>
+
+<script>
+import ChoosePrjDialog from '@/components/ChoosePrjDialog.vue'
+import ProjectInfo from '../components/ProjectInfo.vue'
+import ViewInfo from '../components/ViewInfo.vue'
+
+import { queryProjectInfoManageTable } from '@/api/index'
+import { getOrgTree } from '@/api/bigScreen'
+export default {
+  name: 'manageCockpit',
+  components: {
+    ProjectInfo,
+    ChoosePrjDialog,
+    ViewInfo,
+  },
+  data() {
+    return {
+      choosePrjVisible: false,
+      prjInfo: {},
+      treeData: [],
+      treeProps: {
+        children: 'children',
+        label: 'name',
+      },
+    }
+  },
+
+  created() {
+    this.queryProjectInfoManageTable()
+    this.getOrgTree()
+  },
+  methods: {
+    init() {
+      this.$refs['project'].fnGetDetail(this.prjInfo.prjId)
+      this.$refs['view'].getViewInfo(this.prjInfo.prjId)
+    },
+    queryProjectInfoManageTable() {
+      const params = {
+        current: 1,
+        pageSize: 1,
+      }
+      queryProjectInfoManageTable(params).then((res) => {
+        if (res.code === 200) {
+          this.prjInfo = res.data.records[0]
+          this.init()
+        } else {
+          this.$message.warning(res.msg)
+        }
+      })
+    },
+    getOrgTree() {
+      getOrgTree().then((res) => {
+        if (res.code === 200) {
+          this.treeData = res.data
+        }
+      })
+    },
+    fnChoosePrj() {
+      this.choosePrjVisible = true
+    },
+    selectData(data) {
+      console.log(data)
+      this.prjInfo = data[0]
+      this.init()
+    },
+    handleNodeClick() {},
+  },
+}
+</script>
+<style scoped lang="scss">
+.manageCockpit {
+  .leftTree {
+    width: 273px;
+    display: flex;
+    flex-direction: column;
+    border-right: 1px solid #ebeef5;
+    // height: 100%;
+    .treeTitle {
+      height: 60px;
+      line-height: 60px;
+      padding: 0 15px;
+      box-sizing: border-box;
+      border-bottom: 1px solid #ebeef5;
+      text-align: left;
+      font-weight: bold;
+    }
+    /deep/ .el-tree {
+      flex: 1;
+      min-height: 0;
+      overflow: auto;
+      padding-right: 10px;
+      margin-bottom: 10px;
+      .el-tree-node__expand-icon.el-icon-caret-right.is-leaf {
+        background-color: #ffffff !important;
+      }
+      .el-tree-node__content:hover {
+        .is-leaf {
+          background-color: #f5f7fa !important;
+        }
+      }
+    }
+    /deep/
+      .el-tree--highlight-current
+      .el-tree-node.is-current
+      > .el-tree-node__content {
+      background-color: #c0ebe4 !important;
+      color: #999999;
+      .is-leaf {
+        background-color: #c0ebe4 !important;
+      }
+    }
+  }
+  .header__wrap {
+    border-bottom: 1px solid #ebeef5;
+  }
+  .content__wrap {
+    height: calc(100% - 114px);
+  }
+}
+</style>