aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2023-11-28-用户指引功能

Browse Source
This commit is contained in:
X1627315083
2023-11-28 16:21:00 +08:00
parent d206509d93
commit 1987ed7f15
26 changed files with 658 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src/component/Detail/habit.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="habit">
<div v-show="openType.habit" class="habit_mask"></div>
<div class="habit_button" @click.stop="setOpenType('habit')" >
<div class="habit_button Guide_1_27" @click.stop="setOpenType('habit')" >
{{ $t('Habit.Workspace') }}
<i class="fi fi-bs-angle-down"></i>
</div>
@@ -95,7 +95,7 @@
<div class="habit_System_Designer_text">{{ $t('Habit.Designer') }}</div>
</div>
</div>
<div class="habit_model">
<div class="habit_model Guide_1_28">
<a-dropdown placement="bottomRight"
trigger="['click']"
@click.stop="setOpenType('model')"
@@ -107,7 +107,7 @@
</a-button>
</a-dropdown>
</div>
<div id="modelShow" class="habit_model_show" v-fade="openType.model">
<div id="modelShow" class="habit_model_show Guide_1_29" :class="[driver__.driver?'showEvents':'']" v-fade="openType.model">
<div class="habit_btn">
<div class="model_current">
<div class="model_text">{{ $t('Habit.Current') }}</div>
@@ -153,12 +153,13 @@
</template>
<script lang="ts">
import { useStore } from "vuex";
import { defineComponent, createVNode, ref,Ref} from "vue";
import { defineComponent, createVNode,nextTick, computed,ref,Ref} from "vue";
import { UserOutlined, DownOutlined } from "@ant-design/icons-vue";
import { Https } from "@/tool/https";
import type { MenuProps } from "ant-design-vue";
import { Modal,message,Upload} from 'ant-design-vue';
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
import { openGuide,driverObj__ } from "@/tool/guide";
import { useI18n } from "vue-i18n";
export default defineComponent({
components: {
@@ -166,8 +167,9 @@ export default defineComponent({
UserOutlined,
},
setup(){
const store = useStore();
let workspaceItem:any = ref({
id:1,
id:'',
id_:1,
workSpaceName:"工作台1",
putName:false,
@@ -189,6 +191,9 @@ export default defineComponent({
addWorkspace:false,
sex:false
})
let driver__:any = computed(()=>{
return store.state.Guide.guide
})
let workspace:any = ref({
});
@@ -200,11 +205,11 @@ export default defineComponent({
])
const {t} = useI18n()
return{
systemSeleves,
mannequins,
openType,
driver__,
workspace,
workspaceItem,
workspaceItemName,
@@ -224,13 +229,13 @@ export default defineComponent({
let data = this.workspaceItem
delete data.isLastIndex
this.putWorkspace(data,'')
// this.getDetail(this.workspaceItem.id)
this.store.commit("setWorkspace", this.workspaceItem);
}
}
},
'workspaceItem.id_':{
handler(newVal:any,oldVal:any){
this.workspace.workspaceList.forEach((v:any)=>{
if(v.id == this.workspaceItem.id_){
this.workspaceItem = v
@@ -239,7 +244,7 @@ export default defineComponent({
if(v.id == oldVal){
delete v.isLastIndex
this.putWorkspace(v,newVal)
// this.getDetail(newVal)
this.getDetail(newVal)
}
})
this.getMannequins()
@@ -264,21 +269,12 @@ export default defineComponent({
// })
}
},
// 'workspa,ceItem.sex':{
// handler(newVal:any,oldVal:any){
// console.log(oldVal);
'workspaceItem.sex':{
handler(newVal:any,oldVal:any){
// console.log(this.workspaceItem);
// if(oldVal){
// console.log(oldVal);
// if(newVal != oldVal){
// console.log(this.workspaceItem.position);
// this.workspaceItem.position = this.singleTypeList[0].label
// }
// }
// }
// },
}
},
workspaceItem:{
handler(newVal:any,oldVal:any){
this.store.commit("setWorkspace", this.workspaceItem);
@@ -292,6 +288,7 @@ export default defineComponent({
},
mounted() {
this.getworkspace()
this.getSex()
},
directives:{
fade:{
@@ -336,7 +333,6 @@ export default defineComponent({
this.sex = rv
}
})
this.getPosition('')
},
async getPosition(str:any){
let params
@@ -379,23 +375,21 @@ export default defineComponent({
v.overallSingle = true
}
v.putName = false
if(v.id == rv.id){
if(v.id == (this.workspaceItem.id?this.workspaceItem.id:rv.id)){
this.workspaceItem = v
console.log(this.workspaceItem);
this.setMannequinsSex()
this.getPosition('')
}
});
this.workspace.id = rv.id
this.workspace.workspaceList = rv.page.content
this.getSex()
}
})
},
getDetail(id:any){//
Https.axiosGet(Https.httpUrls.workspaceDetail,{params:{id:id}}).then((rv: any) => {
if (rv) {
this.getworkspace()
// this.getworkspace()
}
})
},
@@ -422,7 +416,7 @@ export default defineComponent({
Https.axiosPost(Https.httpUrls.workspacesaveOrUpdate,data).then((rv: any) => {
if (rv) {
if(index){
this.getDetail(index)
// this.getDetail(index)
}else{
this.getworkspace()
}
@@ -558,15 +552,28 @@ export default defineComponent({
// this.workspaceItem.mannequinId = item.id
// this.workspaceItem.mannequinType = str
// this.workspaceItem.mannequinUrl = item.presignedUrl
let id
console.log(id , item.id);
if(this.workspaceItem.sexEnum.name == 'Female'){
id = this.workspaceItem.mannequinFemaleId
this.workspaceItem.femalePresignedUrl = item.presignedUrl
this.workspaceItem.mannequinFemaleType = str
this.workspaceItem.mannequinFemaleId = item.id
}else if(this.workspaceItem.sexEnum.name == 'Male'){
id = this.workspaceItem.mannequinMaleId
this.workspaceItem.malePresignedUrl = item.presignedUrl
this.workspaceItem.mannequinMaleType = str
this.workspaceItem.mannequinMaleId = item.id
}
if(id != item.id){
if(this.driver__.driver){
this.openType.habit = false
nextTick().then(()=>{
driverObj__.moveNext();
})
}
}
this.workspaceItem.mannequinUrl = item.presignedUrl
this.workspaceItem.mannequinType = str
this.workspaceItem.mannequinId = item.id
@@ -586,6 +593,13 @@ export default defineComponent({
setOpenType(v:string){
if(v == 'habit'){
this.openType.habit = !this.openType.habit
if(this.driver__.driver){
nextTick().then(()=>{
// driverObj__.moveNext();
driverObj__.moveTo(28);
})
}
}else if(v == 'workspace'){
this.openType.singleton = false
this.openType.sex = false
@@ -599,6 +613,11 @@ export default defineComponent({
this.openType.sex = false
this.openType.model = !this.openType.model
this.getMannequins()
if(this.driver__.driver){
nextTick().then(()=>{
driverObj__.moveNext();
})
}
}else if(v == 'singleton'){
this.openType.singleton = !this.openType.singleton
this.openType.workspace = false
@@ -607,6 +626,7 @@ export default defineComponent({
this.openType.sex = !this.openType.sex
this.openType.workspace = false
this.openType.singleton = false
}
let mask = document.getElementsByClassName("habit_mask")[0]
mask.addEventListener("click", this.documentClick,true);
@@ -682,6 +702,7 @@ export default defineComponent({
transition: all .3s;
transform: scale(0.75)translateY(10%);
display: none;
overflow: inherit !important;
&.active{
opacity: 1;
transform: scale(0.75)translateY(0%);