排版日历改成树形，样式优化

src/api/mes/cal/team.js

 import request from '@/utils/request'
 
 // 查询工作单元列表
-export function listTeam(query) {
+export function listTeam (query) {
   return request({
     url: "/md/cal/workunit/unSelectList",
     method: "get",
@@ -10,15 +10,15 @@ export function listTeam(query) {
 }
 
 // 查询工作单元列表
-export function listAllTeam() {
+export function listAllTeam () {
   return request({
-    url: "/md/cal/workunit/calWorkunitList",
+    url: "/md/cal/workunit/treeMenu",
     method: "get",
   });
 }
 
 // 查询班组详细
-export function getTeam(teamId) {
+export function getTeam (teamId) {
   return request({
     url: '/mes/cal/team/' + teamId,
     method: 'get'
@@ -26,7 +26,7 @@ export function getTeam(teamId) {
 }
 
 // 新增班组
-export function addTeam(data) {
+export function addTeam (data) {
   return request({
     url: '/mes/cal/team',
     method: 'post',
@@ -35,7 +35,7 @@ export function addTeam(data) {
 }
 
 // 修改班组
-export function updateTeam(data) {
+export function updateTeam (data) {
   return request({
     url: '/mes/cal/team',
     method: 'put',
@@ -44,7 +44,7 @@ export function updateTeam(data) {
 }
 
 // 删除班组
-export function delTeam(teamId) {
+export function delTeam (teamId) {
   return request({
     url: '/mes/cal/team/' + teamId,
     method: 'delete'

src/views/mes/cal/calendar/team.vue

@@ -2,14 +2,11 @@
       <div class="app-container">
           <el-container class="el-container-cal">
                   <el-aside width="200px" class="el-aside-cal">
-                        <el-radio-group v-model="selectedType" class="x-fillitem el-group-list" @change="onSelected">
-                              <el-radio-button
-                                    v-for="(item, index) in teamList"
-                                    :title="item"
-                                    :key="index"
-                                    :label="item"
-                              >{{item}}</el-radio-button>
-                        </el-radio-group>
+                        <el-tree :data="teamList" :props="defaultProps" :expand-on-click-node="false" class="el-tree-pro" node-key="id"
+                          :filter-node-method="filterNode" ref="tree" :default-expanded-keys="defaultExpandedKeys" @node-click="onSelected" >
+                          <span slot-scope="{ data }" :title="data.label"
+                            >{{ data.label }}</span>
+                        </el-tree>
                   </el-aside>
                   <el-main>
                         <el-calendar v-loading="loading" v-model="date">
@@ -61,6 +58,11 @@ export default {
             return {
                   // 遮罩层
                   loading: false,
+                  defaultExpandedKeys: [],
+                  defaultProps: {
+                    children: "children",
+                    label: "label",
+                  },
                   date: new Date(),
                   teamList: [], //所有的班组
                   holidayList:[],//假日
@@ -90,9 +92,17 @@ export default {
             this.getTeams();
       },
       methods:{
+            // 筛选节点
+            filterNode(value, data) {
+              if (!value) return true;
+              return data.label.indexOf(value) !== -1;
+            },
             getTeams(){
                   listAllTeam().then(response =>{
                         this.teamList = response.data;
+                        if(response.data.length > 0) {
+                          this.defaultExpandedKeys.push(response.data[0]?.id)
+                        }
                   });
             },
             /** 查询节假日设置列表 */
@@ -119,11 +129,13 @@ export default {
               });
             },
             //点击班组类型
-            onSelected(teamId){
-                  this.loading = true;
-                  this.queryParams.workunitName = teamId;
-                  this.queryParams.theDay = this.date.getFullYear()+'-'+(this.date.getMonth()+1)+'-'+this.date.getDate();
-                  this.getList()
+            onSelected(data){
+              if(data['level'] === 4){
+                this.loading = true;
+                this.queryParams.workunitName = data['label'];
+                this.queryParams.theDay = this.date.getFullYear()+'-'+(this.date.getMonth()+1)+'-'+this.date.getDate();
+                this.getList()
+              }
             },
             isFestival(slotDate, slotData) {
                   let solarDayArr = slotData.day.split('-');
@@ -161,7 +173,7 @@ export default {
         max-height: 700px;
         padding: 0;
       }
-      .el-aside-cal .el-radio-button__inner {
+      .el-aside-cal .el-tree-node__content span {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;

src/views/mes/md/product/index.vue

@@ -508,7 +508,6 @@ export default {
         this.itemTypeOptions = response.data;
         if(response.data.length > 0) {
           this.defaultExpandedKeys.push(response.data[0]?.id)
-          console.log('this.defaultExpandedKeys', this.defaultExpandedKeys)
         }
       });
     },