commit

src/component/Detail/habit.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="habit">
-        <div class="habit_button" @click="habitBtn" ref="stringg">
+        <div class="habit_button" @click="habitBtn" >
             Workspace
             <i class="fi fi-bs-angle-down"></i>
         </div>
@@ -12,7 +12,12 @@
             </div>
             <div class="habit_type" trigger="['click']">
                 <a-dropdown placement="bottomRight">
-                   
+					<template #overlay>
+                        <a-menu @click="handleMenuClick">
+                            <a-menu-item key="1"> 上衣 </a-menu-item>
+                            <a-menu-item key="2"> 裤子 </a-menu-item>
+                        </a-menu>
+                    </template>
                     <a-button>
                         <UserOutlined />
                         {{habitType.habitTypeone}}
@@ -60,14 +65,14 @@
                     </template>
                     <a-button>
                         <UserOutlined />
-                        上衣
+                        {{ workspace.position }}
                         <DownOutlined />
                     </a-button>
                 </a-dropdown>
             </div>
 			<div class="habit_System_Designer">
                 <a-slider id="system_silder"
-                    v-model:value="value"
+                    v-model:value="workspace.systemDesignerPercentage"
                     @afterChange="systemDesigner"
 					:tip-formatter="formatter"
 				>
@@ -138,6 +143,13 @@ export default defineComponent({
         UserOutlined,
     },
 	setup(){
+		let workspace = ref({
+			sex:'male',
+			systemDesignerPercentage:30,
+			position:'top'
+
+
+		})
 		let checked:any= ref(true);
 		let value = ref<number>(30);
 		let tooltip = ref(true);
@@ -202,6 +214,7 @@ export default defineComponent({
 			habitType,
 			obj,
 			obj2,
+			workspace
 		}
     },
     data() {
@@ -214,7 +227,6 @@ export default defineComponent({
 	directives:{
 		fade:{
 			updated (el,model){
-				
 				if(model.value){
 					el.style.display="block"
 					setTimeout(() => {
@@ -243,7 +255,7 @@ export default defineComponent({
             console.log("click left button", e);
         },
         handleMenuClick(e: Event) {
-            console.log("click", e);
+            // console.log("click", e);
 		this.getworkspace()
 
         },
@@ -254,13 +266,10 @@ export default defineComponent({
 			return `${value}%`;
 		},
 		habitBtn(){
-			const aa = this.$refs.stringg
-			// const aa = this.$refs.stringg;
-			// aa.style
-			
 			this.habit = !this.habit
 			if(!this.habit){
 				this.model = false
+				console.log(this.habit);
 			}
 		},
 		modelBtn(){