BI看板、首页

src/api/modules/BIBoard.js

@@ -27,6 +27,10 @@ export default{
   editBoard:params=>{
     return http.post('/bi_dashborad/edit',params)
   },
+  // 看板编辑状态
+  editBoardLock:params=>{
+    return http.post('/bi_dashborad/editing',params)
+  },
   // 删除看板
   deleteBoard:params=>{
     return http.post('/bi_dashborad/delete',params)
@@ -53,7 +57,7 @@ export default{
   editCommonClassify:params=>{
     return http.post('/bi_dashborad/classify/edit',params)
   },
-  // 编辑看板公共分类
+  // 删除看板公共分类
   deleteCommonClassify:params=>{
     return http.post('/bi_dashborad/classify/del',params)
   },
@@ -77,6 +81,17 @@ export default{
   //获取看板共享用户
   getBoardShareUsers:params=>{
     return http.get('/bi_dashborad/grant/info',params)
-  }
+  },
+
+  // 获取首页看板
+  getHomePageBoard:params=>{
+    return http.get('/bi_dashborad/home_page',{})
+  },
+  //设置首页看板
+  setHomePageBoard:params=>{
+    return http.post('/bi_dashborad/home_page/save',params)
+  },
+
+
   
 }

src/utils/buttonConfig.js

@@ -877,6 +877,12 @@ export const BIBoardPermission = {
     BIBoard_sort:'BI:sort',//
 }
 
+/* 首页配置 */
+export const homePagePermission = {
+    home_boarddetail:'home:boardDetail',
+    home_setbiboard:'home:setBiBoard',//
+}
+
 
 //创建了新的ManageBtn记得添加到这里
 const btnMap  = {
@@ -896,7 +902,8 @@ const btnMap  = {
     outlinkConfigPermission,
     chartThemePermission,
     toolBoxPermission,
-    BIBoardPermission
+    BIBoardPermission,
+    homePagePermission
 }
 
 /**

src/views/BI_manage/components/CommonClassify.vue

@@ -11,9 +11,10 @@
   >
     <div class="common-classify-wrap">
       <el-button type="text" icon="el-icon-plus" @click="showEdit=true;editData=null">添加分类</el-button>
+      <table-no-data v-if="list.length===0"/>
       <div class="classify-list-box">
-        <div class="item-box" v-for="item in 10" :key="item">
-          <el-input disabled style="flex:1"></el-input>
+        <div class="item-box" v-for="item in list" :key="item.BiDashboardClassifyId">
+          <el-input disabled style="flex:1" :value="item.BiDashboardClassifyName"></el-input>
           <img class="icon" src="~@/assets/img/icons/edit-blue.png" alt="" @click="handleShowEdit(item)">
           <img class="icon" src="~@/assets/img/icons/delete-red.png" alt="" @click="handleDelete(item)">
         </div>
@@ -50,7 +51,7 @@ export default {
     return {
       showEdit:false,
       editData:null,
-
+      list:[]
     }
   },
   methods: {
@@ -65,9 +66,10 @@ export default {
 
     async handleDelete(e){
       const res=await apiBiBoard.deleteCommonClassify({
-        BiDashboardClassifyId:BiDashboardClassifyId.BiDashboardClassifyId
+        BiDashboardClassifyId:e.BiDashboardClassifyId
       })
       if(res.Ret!==200) return
+      this.$message.success('删除成功')
       this.handleEditSuccessBack()
     },
 
@@ -78,13 +80,23 @@ export default {
 
     async getList(){
       const res=await apiBiBoard.commonClassifyList()
-      
+      if(res.Ret===200){
+        this.list=res.Data||[]
+      }
     }
   },
 }
 </script>
+<style lang="scss">
+.classify-list-box{
+  .el-input.is-disabled .el-input__inner{
+  color: #333;
+}
+}
 
+</style>
 <style lang="scss" scoped>
+
 .common-classify-wrap{
   .classify-list-box{
     margin: 20px 0;

src/views/BI_manage/components/EditCommonClassify.vue

@@ -57,7 +57,7 @@ export default {
   watch: {
     show(n){
       if(n&&this.editData){
-        this.formData.name=this.editData.ClassifyName
+        this.formData.name=this.editData.BiDashboardClassifyName
       }
     }
   },
@@ -91,7 +91,6 @@ export default {
   },
 }
 </script>
-
 <style lang="scss" scoped>
 .dia-bot {
   display: flex;

src/views/BI_manage/components/TableBox.vue

@@ -7,7 +7,7 @@
     element-loading-text="拼命加载中"
   >
     <div class="top-title-box">
-      <div class="title">{{ info&&info.ExcelName }}</div>
+      <div class="title" @click="goDetail">{{ info&&info.ExcelName }}</div>
       <div class="opt-box">
         <img
           class="icon"
@@ -100,6 +100,22 @@ export default {
     }
   },
   methods: {
+    goDetail() {
+      const pathMap = new Map([
+        [1, '/sheetList'],
+        [2, '/sheetTimeList'],
+        [3, '/sheetMixedList'],
+      ])
+      const href = this.$router.resolve({
+        path: pathMap.get(this.info.Source),
+        query: {
+          code: this.info.UniqueCode,
+          id: this.info.ExcelInfoId
+        }
+      }).href
+      window.open(href, "_blank")
+    },
+
     handleRefresh: _.debounce(async function () {
       if(this.loading) return
       this.loading = true

src/views/BI_manage/index.vue

@@ -63,13 +63,15 @@
         :props="{ emitPath: false }"
         :options="shareBoardList"
         v-if="navType === 2"
+        key="2"
       ></el-cascader>
       <!-- 公共看板 -->
       <el-cascader
         v-model="selectBoardId"
-        :props="{ emitPath: false }"
+        :props="{ emitPath: false,value:'GroupId',label:'GroupName',children:'Children'  }"
         :options="commonBoardList"
         v-if="navType === 3"
+        key="3"
       ></el-cascader>
 
       <div class="right-opt-box" v-if="boardInfo">
@@ -79,8 +81,16 @@
           @click="showSetCommon = true"
           >设置公共</el-button
         >
-        <el-button type="text" @click="showSetShare = true" v-if="navType !== 3&&permissionBtn.isShowBtn('BIBoardPermission','BIBoard_setshare')&&currentBoardIsSelf">设置共享</el-button>
-        <el-button type="text" @click="handleGoEdit" v-if="navType !== 3&&permissionBtn.isShowBtn('BIBoardPermission','BIBoard_edit')">编辑</el-button>
+        <el-button 
+          type="text" 
+          @click="showSetShare = true" 
+          v-if="navType !== 3&&permissionBtn.isShowBtn('BIBoardPermission','BIBoard_setshare')&&currentBoardIsSelf"
+        >设置共享</el-button>
+        <el-button 
+          type="text" 
+          @click="handleGoEdit" 
+          v-if="navType !== 3&&permissionBtn.isShowBtn('BIBoardPermission','BIBoard_edit')"
+        >{{boardInfo.IsEditing?boardInfo.Editor.Editor+'编辑中...':'编辑'}}</el-button>
         <el-button type="text" style="color: #f00" v-if="navType !== 3&&permissionBtn.isShowBtn('BIBoardPermission','BIBoard_delete')&&currentBoardIsSelf" @click="handleDeleteBoard">删除</el-button>
       </div>
     </div>
@@ -135,10 +145,40 @@ export default {
     }
   },
   created() {
-    this.getMyBoardList()
+    if(this.$route.query.id){
+      
+      this.selectBoardId=Number(this.$route.query.id)
+      if(this.$route.query.type==1){
+        this.getMyBoardList('init')
+      }else if(this.$route.query.type==2){
+        this.getShareBoardList('init')
+      }else if(this.$route.query.type==3){
+        this.getCommonBoardList('init')
+      }
+
+    }else{
+      this.getMyBoardList()
+    }
+    
   },
   methods: {
-    handleGoEdit() {
+    async handleGoEdit() {
+      if(this.boardInfo.IsEditing&&this.boardInfo.Editor.AdminId!==Number(localStorage.getItem('AdminId'))){
+        this.$message.warning(`${this.boardInfo.Editor.Editor}${this.$t('Slides.editing_progress_msg') }...`)
+        return
+      }
+      const res=await apiBiBoard.editBoardLock({BiDashboardId:this.selectBoardId,Status:0})
+      if(res.Ret!==200) return
+      if(res.Data&&res.Data.IsEditing&&res.Data.AdminId!==Number(localStorage.getItem('AdminId'))){
+        this.boardInfo.Editor=res.Data
+        this.boardInfo.IsEditing=true
+        this.$message.warning(`${res.Data.Editor}${this.$t('Slides.editing_progress_msg') }...`)
+        return
+      }
+      //调接口加锁然后跳转
+      const resLock = await apiBiBoard.editBoardLock({BiDashboardId:this.selectBoardId,Status:1})
+      if(resLock.Ret!==200) return
+
       this.$router.push({
         path: "/editBIBoard",
         query: {
@@ -200,10 +240,12 @@ export default {
     },
 
     // 我的看板列表
-    async getMyBoardList() {
+    async getMyBoardList(type) {
       const res = await apiBiBoard.myBoardList()
       if (res.Ret === 200) {
         this.myBoardList = res.Data || []
+        // 编辑了分类回调 不更新选择的看板仅仅更新公共看板列表数据
+        if(['update','init'].includes(type)) return
         if (this.myBoardList.length > 0) {
           this.selectBoardId = this.myBoardList[0].BiDashboardId
         }
@@ -211,7 +253,7 @@ export default {
     },
 
     // 共享看板列表
-    async getShareBoardList() {
+    async getShareBoardList(type) {
       const res = await apiBiBoard.shareBoardList()
       if (res.Ret === 200) {
         const myArr = res.Data.MyList || []
@@ -239,7 +281,8 @@ export default {
             })
           }
         ]
-
+        // 编辑了分类回调 不更新选择的看板仅仅更新公共看板列表数据
+        if(['update','init'].includes(type)) return
         if (temarr.length > 0) {
           this.selectBoardId = temarr[0].BiDashboardId
         }
@@ -250,11 +293,32 @@ export default {
     async getCommonBoardList(type) {
       const res = await apiBiBoard.commonBoardList()
       if (res.Ret === 200) {
-        this.commonBoardList = res.Data || []
+        const arr = res.Data || []
+        let boardIdArr=[]
+
+        arr.forEach(item1 => {
+          item1.GroupId=item1.GroupId+item1.GroupName
+          if(item1.Children){
+            item1.Children.forEach(item2=>{
+              const dArr=item2.DashboardList||[]
+              item2.GroupId=item2.GroupId+item2.GroupName
+              item2.Children=dArr.map(item3=>{
+                boardIdArr.push(item3.BiDashboardId)
+                return {
+                  GroupId:item3.BiDashboardId,
+                  GroupName:item3.BiDashboardName
+                }
+              })
+            })
+          }
+        });
+
+        this.commonBoardList=arr
         // 编辑了分类回调 不更新选择的看板仅仅更新公共看板列表数据
-        if(type==='update') return
-        if (this.commonBoardList.length > 0) {
-          this.selectBoardId = this.commonBoardList[0].BiDashboardId
+        if(['update','init'].includes(type)) return
+        // 选择第一个看板
+        if(boardIdArr.length>0){
+          this.selectBoardId = boardIdArr[0]
         }
       }
     },
@@ -317,5 +381,4 @@ export default {
     }
   }
 }
-</style>
-<!-- 1+3+1+1+2+3+2=13 (后台) -->
+</style>

src/views/Home.vue

@@ -284,6 +284,10 @@
           </div>
 
           <div class="right_section">
+            <div style="display:flex;align-items:center;gap:0 5px" @click="handleGoSJJD">
+              <img style="width:24px" src="~@/assets/img/icons/home_sjjd.png" alt="">
+              <span>数据节点</span>
+            </div>
             <div class="userinfo">
               <div class="userinfo-fingerpost">
                 <!-- <el-button
@@ -625,6 +629,11 @@ export default {
       ])
       return iconMap.get(item.name) || require('@/assets/icons/menu/icon01.png')
     },
+    
+    // 跳转数据节点
+    handleGoSJJD(){
+      window.open('https://www.baidu.com', '_blank')
+    },
 
     handleClickSubMenuItem(item, e) {
       e.preventDefault();

src/views/home_manage/components/BIWrap.vue

@@ -1,66 +0,0 @@
-<template>
-  <div class="item-wrap">
-    <div class="lable-text">BI看板</div>
-    <div class="list-box">
-      <div class="list-item" v-for="item in 7" :key="item">
-        <div class="title">煤炭市场价格走势及影响因素（0921）</div>
-        <div class="author">创建人</div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style lang="scss" scoped>
-.item-wrap {
-  box-shadow: 0px 2px 12px 0px #0000001a;
-  border: 1px solid #c8cdd9;
-  background-color: #fff;
-  padding: 11px 16px;
-  border-radius: 8px;
-  width: calc(50% - 50px);
-  .lable-text {
-    padding-bottom: 13px;
-    border-bottom: 1px solid #c8cdd9;
-    &::before {
-      content: "";
-      display: inline-block;
-      width: 4px;
-      height: 12px;
-      background-color: #10CFDB;
-      margin-right: 12px;
-      position: relative;
-      top: 1px;
-    }
-  }
-  .list-box{
-    padding-top: 10px;
-    .list-item{
-      margin-top: 10px;
-      padding: 10px 20px;
-      background: #FFFFFF;
-      border: 1px solid #EBEFF6;
-      box-shadow: 0px 2px 4px 0px #00000005;
-      display: flex;
-      align-items: center;
-      border-radius: 8px;
-      &::before{
-        content: '';
-        display: inline-block;
-        width: 8px;
-        height: 8px;
-        margin-right: 10px;
-        background: #94E1EC;
-      }
-      .title{
-        flex: 1;
-      }
-    }
-  }
-}
-</style>

src/views/home_manage/components/PointViewWrap.vue

@@ -1,81 +0,0 @@
-<template>
-  <div class="item-wrap">
-    <div class="lable-text">观点库</div>
-    <div class="content-box">
-      <div class="content-lable">已关注观点</div>
-      <div class="info-list">
-        <div class="info-item" v-for="item in 10" :key="item">
-          <div class="time">2018.3.20 12:00:00</div>
-          <div class="text">稳地价、稳房价、稳预期”成为楼市调控主基调</div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style lang="scss" scoped>
-.item-wrap {
-  box-shadow: 0px 2px 12px 0px #0000001a;
-  border: 1px solid #c8cdd9;
-  background-color: #fff;
-  padding: 11px 16px;
-  border-radius: 8px;
-  width: calc(50% - 50px);
-  .lable-text {
-    padding-bottom: 13px;
-    border-bottom: 1px solid #c8cdd9;
-    &::before {
-      content: "";
-      display: inline-block;
-      width: 4px;
-      height: 12px;
-      background-color: #0052D9;
-      margin-right: 12px;
-      position: relative;
-      top: 1px;
-    }
-  }
-  .content-box {
-    margin-top: 13px;
-    padding: 15px;
-    background: #ECF2FE;
-    border: 1px solid #DAE8FF;
-    border-radius: 4px;
-    .content-lable {
-      color: #0052D9;
-      font-size: 16px;
-      font-weight: bold;
-    }
-    .info-list {
-      margin-top: 30px;
-      .info-item {
-        display: flex;
-        align-items: center;
-        margin-bottom: 10px;
-        color: #666;
-        &::before {
-          content: "";
-          display: inline-block;
-          width: 8px;
-          height: 8px;
-          background-color: #0052D9;
-          margin-right: 10px;
-        }
-        .time {
-          flex: 1;
-          text-align: center;
-        }
-        .text {
-          flex: 2;
-        }
-      }
-    }
-  }
-}
-</style>

src/views/home_manage/components/PolicyWrap.vue

@@ -1,81 +0,0 @@
-<template>
-  <div class="item-wrap">
-    <div class="lable-text">政策库</div>
-    <div class="content-box">
-      <div class="content-lable">已关注政策</div>
-      <div class="info-list">
-        <div class="info-item" v-for="item in 10" :key="item">
-          <div class="time">2018.3.20 12:00:00</div>
-          <div class="text">稳地价、稳房价、稳预期”成为楼市调控主基调</div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style lang="scss" scoped>
-.item-wrap{
-  box-shadow: 0px 2px 12px 0px #0000001A;
-  border: 1px solid #C8CDD9;
-  background-color: #fff ;
-  padding: 11px 16px;
-  border-radius: 8px;
-  width: calc(50% - 50px);
-  .lable-text{
-    padding-bottom: 13px;
-    border-bottom: 1px solid #C8CDD9;
-     &::before{
-       content: '';
-       display: inline-block;
-       width: 4px;
-       height: 12px;
-       background-color: #E37318;
-       margin-right: 12px;
-       position: relative;
-       top: 1px;
-     }
-  }
-  .content-box{
-    margin-top: 13px;
-    padding: 15px;
-    background: #FFF1E9;
-    border: 1px solid #FFD9C2;
-    border-radius: 4px;
-    .content-lable{
-      color: #E37318;
-      font-size: 16px;
-      font-weight: bold;
-    }
-    .info-list{
-      margin-top: 30px;
-      .info-item{
-        display: flex;
-        align-items: center;
-        margin-bottom: 10px;
-        color: #666;
-        .time{
-          flex: 1;
-          text-align: center;
-        }
-        .text{
-          flex: 2;
-          &::before{
-            content: '';
-            display: inline-block;
-            width: 8px;
-            height: 8px;
-            background-color: #F7BA1E;
-            margin-right: 10px;
-          }
-        }
-      }
-    }
-  }
-}
-</style>

src/views/home_manage/components/ReportWrap.vue

@@ -1,82 +0,0 @@
-<template>
-  <div class="item-wrap">
-    <div class="lable-text">报告列表</div>
-    <div class="list-box">
-      <div class="list-item" v-for="item in 3" :key="item">
-        <div class="title">煤炭市场价格走势及影响因素（0921）</div>
-        <div class="des-text">
-          摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容摘要内容
-        </div>
-        <div class="time-text">2024.09.20</div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-
-}
-</script>
-
-<style lang="scss" scoped>
-.item-wrap {
-  box-shadow: 0px 2px 12px 0px #0000001a;
-  border: 1px solid #c8cdd9;
-  background-color: #fff;
-  padding: 11px 16px;
-  border-radius: 8px;
-  width: calc(50% - 50px);
-  .lable-text {
-    padding-bottom: 13px;
-    border-bottom: 1px solid #c8cdd9;
-    &::before {
-      content: "";
-      display: inline-block;
-      width: 4px;
-      height: 12px;
-      background-color: #8a18e3;
-      margin-right: 12px;
-      position: relative;
-      top: 1px;
-    }
-  }
-  .list-box {
-    padding-top: 10px;
-    .list-item {
-      margin-top: 10px;
-      padding: 10px 20px;
-      background: #ffffff;
-      border: 1px solid #ebeff6;
-      box-shadow: 0px 2px 4px 0px #00000005;
-      border-radius: 8px;
-      color: #666;
-      .title {
-        color: #333;
-        &::before {
-          content: "";
-          display: inline-block;
-          width: 8px;
-          height: 8px;
-          margin-right: 10px;
-          background: #e6c6ff;
-        }
-      }
-      .des-text{
-        margin: 5px 0;
-        line-height: 1.7;
-        padding-left: 18px;
-        display: -webkit-box;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        -webkit-line-clamp: 2;
-        line-break: anywhere;
-        -webkit-box-orient: vertical;
-      }
-      .time-text{
-        padding-left: 18px;
-      }
-    }
-  }
-}
-</style>

src/views/home_manage/components/SelectBoard.vue

@@ -0,0 +1,197 @@
+<template>
+  <el-dialog
+    title="设置首页内容"
+    :visible.sync="show"
+    :modal-append-to-body="false"
+    :close-on-click-modal="false"
+    :center="true"
+    v-dialogDrag
+    custom-class="dialogclass"
+    width="680px"
+    @close="handleClose"
+  >
+    <div class="set-board-wrap">
+      <div>BI看板</div>
+      <el-cascader
+        style="width:500px"
+        v-model="selectBoardId"
+        :props="{ emitPath: false }"
+        :options="list"
+        ref="selectBoardEl"
+      ></el-cascader>
+    </div>
+    <div class="dia-bot">
+        <el-button
+          type="primary"
+          plain
+          @click="handleClose"
+          style="margin-right: 20px"
+          >{{ $t("Dialog.cancel_btn") }}</el-button
+        >
+        <el-button type="primary" @click="saveHandle">{{
+          $t("Dialog.confirm_save_btn")
+        }}</el-button>
+      </div>
+  </el-dialog>
+</template>
+
+<script>
+import apiBiBoard from '@/api/modules/BIBoard.js'
+export default {
+  name: "selectBoard",
+  model: {
+    prop: 'show',
+    event: 'showChange'
+  },
+  props: {
+    show: {
+      type: Boolean,
+      default: false
+    },
+    boardId:''
+  },
+  watch: {
+    show(n) {
+      if (n) {
+        this.selectBoardId=this.boardId||''
+        this.getList()
+      }
+    }
+  },
+  data() {
+    return {
+      list: [
+        {
+          label: '我的看板',
+          value: '我的看板',
+          children: []
+        },
+        {
+          label: '共享看板',
+          value: '共享看板',
+          children: []
+        },
+        {
+          label: '公共看板',
+          value: '公共看板',
+          children: []
+        }
+      ],
+      selectBoardId: ''
+    }
+  },
+  methods: {
+    async saveHandle(){
+      if(!this.selectBoardId){
+        this.$message.warning('请选择BI看板')
+        return
+      }
+      let FromType=3
+      const elData=this.$refs.selectBoardEl.getCheckedNodes()
+      if(elData[0].path[0]==='我的看板'){
+        FromType=1
+      }else if(elData[0].path[0]==='共享看板'){
+        FromType=2
+      }else{
+        FromType=3
+      }
+
+      const res=await apiBiBoard.setHomePageBoard({
+        BiDashboardId:this.selectBoardId,
+        FromType:FromType
+      })
+      if(res.Ret===200){
+        this.$message.success('保存成功')
+        this.handleClose()
+        this.$emit('change')
+      }
+    },
+
+    // 公共看板列表
+    async getList(type) {
+      const resMy = await apiBiBoard.myBoardList()
+      if (resMy.Ret === 200) {
+        const arr = resMy.Data || []
+        this.list[0].children = arr.map(item => {
+          return {
+            label: item.BiDashboardName,
+            value: item.BiDashboardId
+          }
+        })
+      }
+
+      const resShare = await apiBiBoard.shareBoardList()
+      if (resShare.Ret === 200) {
+        const myArr = resShare.Data.MyList || []
+        const otherArr = resShare.Data.OtherList || []
+        this.list[1].children = [
+          {
+            label: '我共享的',
+            value: 'my_share',
+            children: myArr.map(item => {
+              return {
+                label: item.BiDashboardName,
+                value: item.BiDashboardId
+              }
+            })
+          },
+          {
+            label: '共享给我的',
+            value: 'other_share',
+            children: otherArr.map(item => {
+              return {
+                label: item.BiDashboardName,
+                value: item.BiDashboardId
+              }
+            })
+          }
+        ]
+      }
+      const resCommon = await apiBiBoard.commonBoardList()
+      if(resCommon.Ret===200){
+        const arr=resCommon.Data||[]
+        this.list[2].children=arr.map(item1=>{
+          const obj1={
+            label:item1.GroupName,
+            value:item1.GroupId+item1.GroupName,
+            children:[]
+          }
+          obj1.children=item1.Children?item1.Children.map(item2=>{
+            const obj2={
+              label:item2.GroupName,
+              value:item2.GroupId+item2.GroupName,
+              children:[]
+            }
+            obj2.children=item2.DashboardList?item2.DashboardList.map(item3=>{
+              return {
+                label:item3.BiDashboardName,
+                value:item3.BiDashboardId,
+              }
+            }):[]
+          }):[]
+
+          return obj1
+        })
+      }
+    },
+
+    handleClose() {
+      this.boardId = ''
+      this.$emit('showChange', false)
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.set-board-wrap{
+  display: flex;
+  align-items: center;
+  gap: 0 10px;
+}
+.dia-bot {
+  display: flex;
+  justify-content: center;
+  margin: 60px 0 40px 0;
+}
+</style>

src/views/home_manage/index.vue

@@ -1,26 +1,82 @@
 <template>
   <div class="home-page">
-    <policy-wrap/>
-    <Point-view-wrap/>
-    <BIWrap/>
-    <ReportWrap/>
+    <div class="top-nav-box">
+      <div class="name">{{boardInfo&&boardInfo.BiDashboardName}}</div>
+      <div class="btns">
+        <el-button type="text" v-if="boardInfo&&permissionBtn.isShowBtn('homePagePermission','home_boarddetail')" @click="handleGoDetail">看板详情</el-button>
+        <el-button type="text" @click="showSet=true" v-permission="permissionBtn.homePagePermission.home_setbiboard">设置看板</el-button>
+      </div>
+    </div>
+    <!-- 看板内容模块 -->
+    <BIBoardContent v-model="boardDataList"/>
+
+    <!-- 设置看板 -->
+    <SelectBoard v-model="showSet" :boardId="boardId" @change="getBoardData"/>
   </div>
 </template>
 
 <script>
-import BIWrap from './components/BIWrap.vue'
-import PointViewWrap from './components/PointViewWrap.vue'
-import PolicyWrap from './components/PolicyWrap.vue'
-import ReportWrap from './components/ReportWrap.vue'
+import BIBoardContent from '@/views/BI_manage/components/BoardContent.vue'
+import SelectBoard from './components/SelectBoard.vue'
+import apiBiBoard from '@/api/modules/BIBoard.js'
 export default {
-  components:{PolicyWrap,PointViewWrap,BIWrap,ReportWrap}
+  components:{BIBoardContent,SelectBoard},
+  data() {
+    return {
+      homeBoardInfo:null,
+      boardId:'',
+      boardInfo:null,
+      boardDataList:[],
+      showSet:false
+    }
+  },
+  created() {
+    this.getBoardData()
+  },
+  methods: {
+    handleGoDetail(){
+      this.$router.push({
+        path:'/BIBoard',
+        query:{
+          id:this.boardId,
+          type:this.homeBoardInfo.FromType
+        }
+      })
+    },
+
+    async getBoardInfo(){
+      const res=await apiBiBoard.boardDetail({ DashboardId: this.boardId })
+      if(res.Ret===200){
+        this.boardInfo = res.Data
+        this.boardDataList = res.Data.List || []
+      }
+    },
+
+    async getBoardData(){
+      const res=await apiBiBoard.getHomePageBoard()
+      if(res.Ret===200){
+        this.homeBoardInfo=res.Data
+        this.boardId=res.Data.BiDashboardId
+        this.getBoardInfo()
+      }
+    }
+  },
 }
 </script>
 
 <style lang="scss" scoped>
 .home-page{
-  display: flex;
-  flex-wrap: wrap;
-  gap: 20px;
+  $border-color: #c8cdd9;
+  background-color: #fff;
+  border: 1px solid $border-color;
+  .top-nav-box {
+    padding: 14px 20px;
+    border-bottom: 1px solid $border-color;
+    display: flex;
+    justify-content: space-between;
+    .name{
+      flex: 1;
+    }
+  }
 }
 </style>