左侧展示所有导航项目没有的导航就隐藏

src/component/HomePage/index/workflow/content/index.vue

@@ -35,6 +35,7 @@ export default defineComponent({
 		workflowType:String,
 		httpWorkflowType:String,
 	},
+	emit:['projectComplete'],
     setup(props,{emit}) {
         const store = useStore();
 		const data = reactive({

src/component/HomePage/index/workflow/content/printDesign.vue

@@ -1,12 +1,12 @@
 <template>
 	<div class="seriesDesign">
-		<workspace ref="workspace" :workflowType="workflowType" :httpWorkflowType="httpWorkflowType" class="workspace" :isState="selectKey_ =='workspace'" v-show="selectKey_ == 'workspace'"></workspace>
+		<workspace @setProject="workspaceBack" ref="workspace" :workflowType="workflowType" :httpWorkflowType="httpWorkflowType" class="workspace" :isState="selectKey_ =='workspace'" v-show="selectKey_ == 'workspace'"></workspace>
 		<PrintboardUpload ref="printBoard" class="printBoard" :isState="selectKey_ =='printBoard'" v-show="selectKey_ == 'printBoard'"></PrintboardUpload>
 		<canvasUpload ref="canvas" class="canvas" :isState="selectKey_ =='canvas'" v-show="selectKey_ == 'canvas'"></canvasUpload>
 	</div>
 </template>
 <script lang="ts">
-import { defineComponent,computed,ref,watch,nextTick,provide,toRefs, reactive, onMounted} from 'vue'
+import { defineComponent,computed,ref,inject,nextTick,provide,toRefs, reactive, onMounted} from 'vue'
 // import setDesignItem from '@/component/Detail/setDesignItem2.vue'
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import workspace from '../../workflow/workspace.vue'
@@ -30,6 +30,7 @@ export default defineComponent({
 		workflowType:String,
 		httpWorkflowType:String,
 	},
+	emits:['projectComplete'],
     setup(props,{emit}) {
         const store = useStore();
 		let driver__:any = computed(()=>{
@@ -39,6 +40,7 @@ export default defineComponent({
 		//['moodBoard','printBoard','colorBoard','sketchBoard','mannequin','toProduct]
 		const data = reactive({
 			selectObject:computed(()=>store.state.Workspace.probjects),//选择的项目
+			workspaceBack:inject('setBack') as any,
 		})
 		const dataDom:any = reactive({
 			printBoard:null as any,

src/component/HomePage/index/workflow/content/printingDesign3D.vue

@@ -1,12 +1,12 @@
 <template>
 	<div class="seriesDesign">
-		<workspace ref="workspace" :workflowType="workflowType" :httpWorkflowType="httpWorkflowType" class="workspace" :isState="selectKey_ =='workspace'" v-show="selectKey_ == 'workspace'"></workspace>
+		<workspace @setProject="workspaceBack" ref="workspace" :workflowType="workflowType" :httpWorkflowType="httpWorkflowType" class="workspace" :isState="selectKey_ =='workspace'" v-show="selectKey_ == 'workspace'"></workspace>
 		<patternMaking3D ref="patternMaking3D" class="patternMaking3D" :isState="selectKey_ =='patternMaking3D'" v-show="selectKey_ == 'patternMaking3D'"></patternMaking3D>
 		<!-- <canvasUpload></canvasUpload> -->
 	</div>
 </template>
 <script lang="ts">
-import { defineComponent,computed,ref,watch,nextTick,provide,toRefs, reactive, onMounted} from 'vue'
+import { defineComponent,computed,ref,inject,nextTick,provide,toRefs, reactive, onMounted} from 'vue'
 // import setDesignItem from '@/component/Detail/setDesignItem2.vue'
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import { Https } from "@/tool/https";
@@ -39,6 +39,7 @@ export default defineComponent({
 		//['moodBoard','printBoard','colorBoard','sketchBoard','mannequin','toProduct]
 		const data = reactive({
 			selectObject:computed(()=>store.state.Workspace.probjects),//选择的项目
+			workspaceBack:inject('setBack') as any,
 		})
 		const dataDom:any = reactive({
 			patternMaking3D:null as any,

src/component/HomePage/index/workflow/content/productDrawingDesign.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="seriesDesign">
-		<workspace ref="workspace" :workflowType="workflowType" :httpWorkflowType="httpWorkflowType" class="workspace" :isState="selectKey_ =='workspace'" v-show="selectKey_ == 'workspace'"></workspace>
+		<workspace @setProject="workspaceBack" ref="workspace" :workflowType="workflowType" :httpWorkflowType="httpWorkflowType" class="workspace" :isState="selectKey_ =='workspace'" v-show="selectKey_ == 'workspace'"></workspace>
 		<toProduct ref="toProduct" 
 			:productimgMenu="{value:'ToProductImage',label:$t('ProductImg.ProductImage')}" 
 			class="toProduct" 
@@ -18,7 +18,7 @@
 	</div>
 </template>
 <script lang="ts">
-import { defineComponent,computed,ref,watch,nextTick,provide,toRefs, reactive, onMounted} from 'vue'
+import { defineComponent,computed,ref,inject,nextTick,provide,toRefs, reactive, onMounted} from 'vue'
 // import setDesignItem from '@/component/Detail/setDesignItem2.vue'
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import workspace from '../../workflow/workspace.vue'
@@ -52,6 +52,7 @@ export default defineComponent({
 		//['moodBoard','printBoard','colorBoard','sketchBoard','mannequin','toProduct]
 		const data = reactive({
 			selectObject:computed(()=>store.state.Workspace.probjects),//选择的项目
+			workspaceBack:inject('setBack') as any,
 		})
 		const dataDom:any = reactive({
 			toProduct:null as any,  

src/component/HomePage/index/workflow/content/seriesDesign.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="seriesDesign">
-		<workspace ref="workspace" :workflowType="workflowType" :httpWorkflowType="httpWorkflowType" class="workspace" :isState="selectKey_ =='workspace'" v-show="selectKey_ == 'workspace'"></workspace>
+		<workspace @setProject="workspaceBack" ref="workspace" :workflowType="workflowType" :httpWorkflowType="httpWorkflowType" class="workspace" :isState="selectKey_ =='workspace'" v-show="selectKey_ == 'workspace'"></workspace>
 		<design ref="design" class="design" :isState="selectKey_ =='design'" v-show="selectKey_ == 'design'"></design>
 		<MoodboardUpload ref="moodBoard" class="moodBoard" :isState="selectKey_ =='moodBoard'" v-show="selectKey_ == 'moodBoard'"></MoodboardUpload>
 		<PrintboardUpload ref="printBoard" class="printBoard" :isState="selectKey_ =='printBoard'" v-show="selectKey_ == 'printBoard'"></PrintboardUpload>
@@ -24,7 +24,7 @@
 	</div>
 </template>
 <script lang="ts">
-import { defineComponent,computed,ref,watch,nextTick,provide,toRefs, reactive, onMounted} from 'vue'
+import { defineComponent,computed,ref,inject,nextTick,provide,toRefs, reactive, onMounted} from 'vue'
 // import setDesignItem from '@/component/Detail/setDesignItem2.vue'
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import workspace from '../../workflow/workspace.vue'
@@ -55,6 +55,7 @@ export default defineComponent({
 		workflowType:String,
 		httpWorkflowType:String,
 	},
+	emits:['projectComplete'],
     setup(props,{emit}) {
         const store = useStore();
 		let driver__:any = computed(()=>{
@@ -64,6 +65,7 @@ export default defineComponent({
 		//['moodBoard','printBoard','colorBoard','sketchBoard','mannequin','toProduct]
 		const data = reactive({
 			selectObject:computed(()=>store.state.Workspace.probjects),//选择的项目
+			workspaceBack:inject('setBack') as any,
 		})
 		const dataDom:any = reactive({
 			moodBoard:null as any,

src/component/HomePage/index/workflow/content/singleProductDesign.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="seriesDesign">
-		<workspace ref="workspace" :workflowType="workflowType" :httpWorkflowType="httpWorkflowType" class="workspace" :isState="selectKey_ =='workspace'" v-show="selectKey_ == 'workspace'"></workspace>
+		<workspace @setProject="workspaceBack" ref="workspace" :workflowType="workflowType" :httpWorkflowType="httpWorkflowType" class="workspace" :isState="selectKey_ =='workspace'" v-show="selectKey_ == 'workspace'"></workspace>
 		<design ref="design" class="design" :isState="selectKey_ =='design'" v-show="selectKey_ == 'design'"></design>
 		<MoodboardUpload ref="moodBoard" class="moodBoard" :isState="selectKey_ =='moodBoard'" v-show="selectKey_ == 'moodBoard'"></MoodboardUpload>
 		<PrintboardUpload ref="printBoard" class="printBoard" :isState="selectKey_ =='printBoard'" v-show="selectKey_ == 'printBoard'"></PrintboardUpload>
@@ -22,7 +22,7 @@
 	</div>
 </template>
 <script lang="ts">
-import { defineComponent,computed,ref,watch,nextTick,provide,toRefs, reactive, onMounted} from 'vue'
+import { defineComponent,computed,ref,inject,nextTick,provide,toRefs, reactive, onMounted} from 'vue'
 // import setDesignItem from '@/component/Detail/setDesignItem2.vue'
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import workspace from '../../workflow/workspace.vue'
@@ -59,6 +59,7 @@ export default defineComponent({
 		provide('driver__',driver__) 
 		const data = reactive({
 			selectObject:computed(()=>store.state.Workspace.probjects),//选择的项目
+			workspaceBack:inject('setBack') as any,
 		})
 		const dataDom:any = reactive({
 			moodBoard:null as any,

src/component/HomePage/index/workflow/content/sketchDesign.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="seriesDesign">
-		<workspace ref="workspace" :workflowType="workflowType" :httpWorkflowType="httpWorkflowType" class="workspace" :isState="selectKey_ =='workspace'" v-show="selectKey_ == 'workspace'"></workspace>
+		<workspace @setProject="workspaceBack" ref="workspace" :workflowType="workflowType" :httpWorkflowType="httpWorkflowType" class="workspace" :isState="selectKey_ =='workspace'" v-show="selectKey_ == 'workspace'"></workspace>
 		<mannequin ref="mannequin" class="mannequin" :isState="selectKey_ =='mannequin'" v-show="selectKey_ == 'mannequin'"></mannequin>
 		<SketchboardUpload ref="sketchBoard" class="sketchBoard" :isState="selectKey_ =='sketchBoard'" v-show="selectKey_ == 'sketchBoard'"></SketchboardUpload>
 		<deReconstruction ref="deReconstruction" class="deReconstruction" :isState="selectKey_ =='deReconstruction'" v-show="selectKey_ == 'deReconstruction'"></deReconstruction>
@@ -8,7 +8,7 @@
 	</div>
 </template>
 <script lang="ts">
-import { defineComponent,computed,ref,watch,nextTick,provide,toRefs, reactive, onMounted} from 'vue'
+import { defineComponent,computed,ref,inject,nextTick,provide,toRefs, reactive, onMounted} from 'vue'
 // import setDesignItem from '@/component/Detail/setDesignItem2.vue'
 import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import workspace from '../../workflow/workspace.vue'
@@ -43,6 +43,7 @@ export default defineComponent({
 		//['moodBoard','printBoard','colorBoard','sketchBoard','mannequin','toProduct]
 		const data = reactive({
 			selectObject:computed(()=>store.state.Workspace.probjects),//选择的项目
+			workspaceBack:inject('setBack') as any,
 		})
 		const dataDom:any = reactive({
 			sketchBoard:null as any,

src/component/HomePage/index/workflow/index.vue

@@ -20,7 +20,7 @@
 						</div>
 						<div class="text" @click="setBack()"><i class="fi fi-bs-down-left-and-up-right-to-center"></i></div>
 					</div>
-					<content ref="content" :selectKey_="selectKey_" :workflowType="workflowType" :httpWorkflowType="httpWorkflowType"></content>
+					<content ref="content" :selectKey_="selectKey_" @projectComplete="setBack()" :workflowType="workflowType" :httpWorkflowType="httpWorkflowType"></content>
 				</div>
 			</div>
 		</div>
@@ -101,6 +101,7 @@ export default defineComponent({
 			data.selectKey = ''
 			updataPage()
 		}
+		provide('setBack',setBack)
 		const setProject = (value:any)=>{
 			// data.isUpdataPorject = data
 			if(value == 'set'){

src/component/HomePage/index/workflow/nav.vue

@@ -17,7 +17,7 @@
 			<span v-show="isUnfold">Settings</span>
 		</div>
 		<div class="border"></div>
-		<div class="navList list" :class="{active:selectKey == item.value}" v-for="item in navListData" :key="item.value"  @click="setNav(item.value, $event)">
+		<div class="navList list" :class="{active:selectKey == item.value,exist:navListData.some((navListItem:any) => navListItem.value === item.value)}" v-for="item in projectList.all" :key="item.value"  @click="setNav(item.value, $event)">
 			<i :class="item.icon"></i>
 			<span v-show="isUnfold">{{ item.name }}</span>
 		</div>
@@ -30,6 +30,7 @@ import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
 import { Https } from "@/tool/https";
 import { useStore } from "vuex";
 import { useI18n } from 'vue-i18n'
+import {projectList} from '@/tool/listData'
 
 export default defineComponent({
     components:{
@@ -71,6 +72,7 @@ export default defineComponent({
 			setNav,
 			setUnfold,
 			goHome,
+			projectList,
         }
     },
 
@@ -89,13 +91,17 @@ export default defineComponent({
 		width: 7rem;
 		overflow: hidden;
 		&.active{
-			width: 20rem;
+			width: 25rem;
 		}
 		> div{
 			display: flex;
 			cursor: pointer;
 			border-radius: 1rem;
 			margin: 0 1rem;
+			&.list{
+				color: #bfbfbf;
+				pointer-events: none;
+			}
 			&.active{
 				background: #ebebeb;
 			}
@@ -104,6 +110,13 @@ export default defineComponent({
 					border: 1px solid #000000;
 				}
 			}
+			&.list{
+				&.exist{
+					color: #000000;
+					pointer-events: auto;
+				}
+			}
+			
 			> i,> svg{
 				font-size: 2rem;
 				margin-right: 1rem;

src/tool/listData.js

@@ -51,7 +51,7 @@ const projectList = {
 			name:'De/Reconstruction',
 			task:'false',
 		},{
-			icon:'fi fi-rr-model-cube',
+			icon:'fi fi-rr-cubes',
 			value:'patternMaking3D',
 			name:'3D Pattern Making',
 			task:'false',