2023-11-22-dist
This commit is contained in:
1
dist/css/148.64209616.css
vendored
Normal file
1
dist/css/148.64209616.css
vendored
Normal file
@@ -0,0 +1 @@
|
|||||||
|
.move_page[data-v-7f0886ba]{display:flex}.move_click[data-v-7f0886ba]{width:60px}.move_click_dian[data-v-7f0886ba]{width:30px;height:30px;border-radius:50%;margin-bottom:60px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.img_block[data-v-7f0886ba]{position:relative;-webkit-user-select:none;user-select:none;-moz-user-select:none;overflow-y:auto;background:green}.img_mark[data-v-7f0886ba]{width:1200px;height:600px;background:#ccc}img[data-v-7f0886ba]{-webkit-user-select:none;user-select:none;-moz-user-select:none;width:700px}.img_click_dian[data-v-7f0886ba]{position:absolute;width:30px;height:30px;border-radius:50%;-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;cursor:pointer}
|
||||||
1
dist/css/152.e3432b0e.css
vendored
1
dist/css/152.e3432b0e.css
vendored
File diff suppressed because one or more lines are too long
1
dist/css/294.a9a2d57d.css
vendored
1
dist/css/294.a9a2d57d.css
vendored
File diff suppressed because one or more lines are too long
1
dist/css/310.ab1ae8dd.css
vendored
Normal file
1
dist/css/310.ab1ae8dd.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/css/623.8986a9cb.css
vendored
Normal file
1
dist/css/623.8986a9cb.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/css/826.38b30adc.css
vendored
1
dist/css/826.38b30adc.css
vendored
File diff suppressed because one or more lines are too long
1
dist/css/826.7e1c9b2a.css
vendored
Normal file
1
dist/css/826.7e1c9b2a.css
vendored
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
1
dist/css/946.0f5612ee.css
vendored
Normal file
1
dist/css/946.0f5612ee.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/css/946.4eeb351d.css
vendored
1
dist/css/946.4eeb351d.css
vendored
File diff suppressed because one or more lines are too long
1
dist/css/949.893ba7ce.css
vendored
Normal file
1
dist/css/949.893ba7ce.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/css/949.8cb1937a.css
vendored
1
dist/css/949.8cb1937a.css
vendored
File diff suppressed because one or more lines are too long
1
dist/css/app.a4e9d9a5.css
vendored
1
dist/css/app.a4e9d9a5.css
vendored
File diff suppressed because one or more lines are too long
1
dist/css/app.d89b5b7b.css
vendored
Normal file
1
dist/css/app.d89b5b7b.css
vendored
Normal file
File diff suppressed because one or more lines are too long
2
dist/index.html
vendored
2
dist/index.html
vendored
@@ -1 +1 @@
|
|||||||
<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>AiDA</title><link rel="stylesheet" href="./css/googleapis.css"><link rel="stylesheet" href="./css/roboto.css"><script defer="defer" src="/js/chunk-vendors.9c1ca004.js"></script><script defer="defer" src="/js/app.936dd735.js"></script><link href="/css/chunk-vendors.5e9dbdc9.css" rel="stylesheet"><link href="/css/app.a4e9d9a5.css" rel="stylesheet"></head><body><script src="./js/color-thief.js"></script><noscript><strong>We're sorry but aida doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
|
<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>AiDA</title><link rel="stylesheet" href="./css/googleapis.css"><link rel="stylesheet" href="./css/roboto.css"><script defer="defer" src="/js/chunk-vendors.9c1ca004.js"></script><script defer="defer" src="/js/app.cca19c6d.js"></script><link href="/css/chunk-vendors.5e9dbdc9.css" rel="stylesheet"><link href="/css/app.d89b5b7b.css" rel="stylesheet"></head><body><script src="./js/color-thief.js"></script><noscript><strong>We're sorry but aida doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
|
||||||
1
dist/js/148.0dd92788.js
vendored
Normal file
1
dist/js/148.0dd92788.js
vendored
Normal file
@@ -0,0 +1 @@
|
|||||||
|
"use strict";(self["webpackChunkaida"]=self["webpackChunkaida"]||[]).push([[148],{1148:function(t,i,e){e.r(i),e.d(i,{default:function(){return f}});var s=e(6252),o=e(3577);const n={class:"move_page"},r={class:"move_click"},l=["onMousedown"],u={ref:"img",src:"https://t7.baidu.com/it/u=1956604245,3662848045&fm=193&f=GIF"},c=["onMousedown"];function g(t,i,e,g,a,h){return(0,s.wg)(),(0,s.iD)("div",n,[(0,s._)("div",r,[((0,s.wg)(!0),(0,s.iD)(s.HY,null,(0,s.Ko)(t.moveDian,(i=>((0,s.wg)(),(0,s.iD)("div",{class:"move_click_dian",key:i,style:(0,o.j5)({background:i}),onMousedown:e=>t.AddDian(i)},null,44,l)))),128))]),(0,s._)("div",{class:"img_block",ref:"imgbox",onMousemove:i[1]||(i[1]=i=>t.startMove(i))},[(0,s._)("img",u,null,512),((0,s.wg)(!0),(0,s.iD)(s.HY,null,(0,s.Ko)(t.imgDian,(e=>((0,s.wg)(),(0,s.iD)("div",{class:"img_click_dian",key:e,style:(0,o.j5)({background:e.color,left:e.left+"px",top:e.top+"px"}),onMousedown:i=>t.getMouseDown(i,e),onMousemove:i[0]||(i[0]=i=>t.startMove(i))},null,44,c)))),128))],544)])}var a=(0,s.aZ)({data(){return{moveDian:["red","yellow"],imgDian:[],intObj:null,startDian:!1,currentSign:{},imgBox:{},moveOriginal:{posX:0,posY:0}}},mounted(){this.imgBox={left:this.$refs.imgbox.offsetLeft,top:this.$refs.imgbox.offsetTop,scrollTop:this.$refs.scrollTop||0}},methods:{AddDian(t){this.startDian=!0,this.intObj={color:t}},startMove(t){let i=this.$refs.imgbox.scrollTop;this.intObj?(this.currentSign.color=this.intObj.color,this.currentSign.left=t.clientX-this.imgBox.left,this.currentSign.top=t.clientY+i-this.imgBox.top,this.imgDian.push(this.currentSign),this.intObj=null):this.startDian&&(this.currentSign.left=t.clientX-this.imgBox.left-this.moveOriginal.posX,this.currentSign.top=t.clientY+i-this.imgBox.top-this.moveOriginal.posY,document.addEventListener("mouseup",this.getMouseOver),this.$forceUpdate(),this.setBoundarySign())},setBoundarySign(){let t=this.$refs.imgbox.offsetHeight+this.$refs.imgbox.scrollTop,i=t-30,e=this.$refs.imgbox.clientWidth-30;this.currentSign.top<=0?this.currentSign.top=0:this.currentSign.top>=i&&(this.currentSign.top=i),this.currentSign.left<=0?this.currentSign.left=0:this.currentSign.left>=e&&(this.currentSign.left=e)},getMouseDown(t,i){this.currentSign=i,this.moveOriginal.posX=t.offsetX,this.moveOriginal.posY=t.offsetY,this.startDian=!0},getMouseOver(){this.startDian=!1,this.currentSign={},document.removeEventListener("mouseup",this.getMouseOver),document.removeEventListener("touchend",this.getMouseOver)}}}),h=e(3744);const m=(0,h.Z)(a,[["render",g],["__scopeId","data-v-7f0886ba"]]);var f=m}}]);
|
||||||
59
dist/js/152.b483615e.js
vendored
59
dist/js/152.b483615e.js
vendored
File diff suppressed because one or more lines are too long
1
dist/js/294.7d275cf0.js
vendored
1
dist/js/294.7d275cf0.js
vendored
File diff suppressed because one or more lines are too long
1
dist/js/310.17dcb770.js
vendored
Normal file
1
dist/js/310.17dcb770.js
vendored
Normal file
File diff suppressed because one or more lines are too long
3
dist/js/50.2d9fdb53.js
vendored
3
dist/js/50.2d9fdb53.js
vendored
File diff suppressed because one or more lines are too long
59
dist/js/623.09bc3f48.js
vendored
Normal file
59
dist/js/623.09bc3f48.js
vendored
Normal file
File diff suppressed because one or more lines are too long
3
dist/js/917.775035e1.js
vendored
Normal file
3
dist/js/917.775035e1.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/js/946.a255e9e7.js
vendored
Normal file
1
dist/js/946.a255e9e7.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
dist/js/946.c4d49203.js
vendored
1
dist/js/946.c4d49203.js
vendored
File diff suppressed because one or more lines are too long
1
dist/js/app.936dd735.js
vendored
1
dist/js/app.936dd735.js
vendored
File diff suppressed because one or more lines are too long
1
dist/js/app.cca19c6d.js
vendored
Normal file
1
dist/js/app.cca19c6d.js
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -155,6 +155,9 @@ li {
|
|||||||
.el-cascader__collapse-tag .el-cascader__collapse-tag .el-tag--light {
|
.el-cascader__collapse-tag .el-cascader__collapse-tag .el-tag--light {
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
}
|
}
|
||||||
|
.hideEvents {
|
||||||
|
pointer-events: none !important;
|
||||||
|
}
|
||||||
.el-popper .el-cascader-panel {
|
.el-popper .el-cascader-panel {
|
||||||
--el-cascader-menu-selected-text-color: #000;
|
--el-cascader-menu-selected-text-color: #000;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -169,6 +169,9 @@ ul,li{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.hideEvents{
|
||||||
|
pointer-events:none !important;
|
||||||
|
}
|
||||||
.el-popper{
|
.el-popper{
|
||||||
.el-cascader-panel{
|
.el-cascader-panel{
|
||||||
--el-cascader-menu-selected-text-color: #000;
|
--el-cascader-menu-selected-text-color: #000;
|
||||||
|
|||||||
@@ -365,18 +365,21 @@ export default defineComponent({
|
|||||||
let y = ( e.y - this.printStyleList[this.imgDomIndex].centers.top)+'px'
|
let y = ( e.y - this.printStyleList[this.imgDomIndex].centers.top)+'px'
|
||||||
this.printStyleList[this.imgDomIndex].style.left = x
|
this.printStyleList[this.imgDomIndex].style.left = x
|
||||||
this.printStyleList[this.imgDomIndex].style.top = y
|
this.printStyleList[this.imgDomIndex].style.top = y
|
||||||
// if(x.replace(/px/g,'') >= parentNode.width - imgDomWH.width){
|
if(!this.overallSingle){
|
||||||
// this.printStyleList[this.imgDomIndex].style.left = parentNode.width - imgDomWH.width+'px'
|
if(x.replace(/px/g,'') >= parentNode.width - imgDomWH.width){
|
||||||
// }
|
this.printStyleList[this.imgDomIndex].style.left = parentNode.width - imgDomWH.width+'px'
|
||||||
// if(x.replace(/px/g,'') <= 0){
|
}
|
||||||
// this.printStyleList[this.imgDomIndex].style.left = 0+'px'
|
if(x.replace(/px/g,'') <= 0){
|
||||||
// }
|
this.printStyleList[this.imgDomIndex].style.left = 0+'px'
|
||||||
// if(y.replace(/px/g,'') >= parentNode.height - imgDomWH.height){
|
}
|
||||||
// this.printStyleList[this.imgDomIndex].style.top = parentNode.height - imgDomWH.height+'px'
|
if(y.replace(/px/g,'') >= parentNode.height - imgDomWH.height){
|
||||||
// }
|
this.printStyleList[this.imgDomIndex].style.top = parentNode.height - imgDomWH.height+'px'
|
||||||
// if(y.replace(/px/g,'') <= 0){
|
}
|
||||||
// this.printStyleList[this.imgDomIndex].style.top = 0+'px'
|
if(y.replace(/px/g,'') <= 0){
|
||||||
// }
|
this.printStyleList[this.imgDomIndex].style.top = 0+'px'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
sizeMousemove(e) {
|
sizeMousemove(e) {
|
||||||
|
|||||||
@@ -39,7 +39,8 @@
|
|||||||
<a-dropdown @click.stop="setOpenType('sex')">
|
<a-dropdown @click.stop="setOpenType('sex')">
|
||||||
<a-button>
|
<a-button>
|
||||||
<UserOutlined />
|
<UserOutlined />
|
||||||
{{ workspaceItem.sex.label }}
|
{{ workspaceItem.sex }}
|
||||||
|
<!-- {{ workspaceItem.sex.label }} -->
|
||||||
<DownOutlined />
|
<DownOutlined />
|
||||||
</a-button>
|
</a-button>
|
||||||
</a-dropdown>
|
</a-dropdown>
|
||||||
@@ -564,11 +565,11 @@ export default defineComponent({
|
|||||||
// this.workspaceItem.mannequinId = item.id
|
// this.workspaceItem.mannequinId = item.id
|
||||||
// this.workspaceItem.mannequinType = str
|
// this.workspaceItem.mannequinType = str
|
||||||
// this.workspaceItem.mannequinUrl = item.presignedUrl
|
// this.workspaceItem.mannequinUrl = item.presignedUrl
|
||||||
if(this.workspaceItem.sex.value == 'FEMALE'){
|
if(this.workspaceItem.sex == 'Female'){
|
||||||
this.workspaceItem.femalePresignedUrl = item.presignedUrl
|
this.workspaceItem.femalePresignedUrl = item.presignedUrl
|
||||||
this.workspaceItem.mannequinFemaleType = str
|
this.workspaceItem.mannequinFemaleType = str
|
||||||
this.workspaceItem.mannequinFemaleId = item.id
|
this.workspaceItem.mannequinFemaleId = item.id
|
||||||
}else if(this.workspaceItem.sex.value == 'MALE'){
|
}else if(this.workspaceItem.sex == 'Male'){
|
||||||
this.workspaceItem.malePresignedUrl = item.presignedUrl
|
this.workspaceItem.malePresignedUrl = item.presignedUrl
|
||||||
this.workspaceItem.mannequinMaleType = str
|
this.workspaceItem.mannequinMaleType = str
|
||||||
this.workspaceItem.mannequinMaleId = item.id
|
this.workspaceItem.mannequinMaleId = item.id
|
||||||
@@ -577,12 +578,13 @@ export default defineComponent({
|
|||||||
this.workspaceItem.mannequinType = str
|
this.workspaceItem.mannequinType = str
|
||||||
this.workspaceItem.mannequinId = item.id
|
this.workspaceItem.mannequinId = item.id
|
||||||
},
|
},
|
||||||
|
// FEMALE MALE
|
||||||
setMannequinsSex(){
|
setMannequinsSex(){
|
||||||
if(this.workspaceItem.sex.value == 'FEMALE'){
|
if(this.workspaceItem.sex == 'Female'){
|
||||||
this.workspaceItem.mannequinUrl = this.workspaceItem.femalePresignedUrl
|
this.workspaceItem.mannequinUrl = this.workspaceItem.femalePresignedUrl
|
||||||
this.workspaceItem.mannequinType = this.workspaceItem.mannequinFemaleType
|
this.workspaceItem.mannequinType = this.workspaceItem.mannequinFemaleType
|
||||||
this.workspaceItem.mannequinId = this.workspaceItem.mannequinFemaleId
|
this.workspaceItem.mannequinId = this.workspaceItem.mannequinFemaleId
|
||||||
}else if(this.workspaceItem.sex.value == 'MALE'){
|
}else if(this.workspaceItem.sex == 'Male'){
|
||||||
this.workspaceItem.mannequinUrl = this.workspaceItem.malePresignedUrl
|
this.workspaceItem.mannequinUrl = this.workspaceItem.malePresignedUrl
|
||||||
this.workspaceItem.mannequinType = this.workspaceItem.mannequinMaleType
|
this.workspaceItem.mannequinType = this.workspaceItem.mannequinMaleType
|
||||||
this.workspaceItem.mannequinId = this.workspaceItem.mannequinMaleId
|
this.workspaceItem.mannequinId = this.workspaceItem.mannequinMaleId
|
||||||
|
|||||||
@@ -167,6 +167,7 @@ import domTurnImg from '@/tool/domTurnImg'
|
|||||||
import GO from "@/tool/GO";
|
import GO from "@/tool/GO";
|
||||||
import moodb from "@/tool/moodb";
|
import moodb from "@/tool/moodb";
|
||||||
import { useI18n } from "vue-i18n";
|
import { useI18n } from "vue-i18n";
|
||||||
|
import { openGuide,driverObj__,driverIndex__ } from "@/tool/guide";
|
||||||
export default defineComponent({
|
export default defineComponent({
|
||||||
components: { Material, MoodTemplate, Generate,layout },
|
components: { Material, MoodTemplate, Generate,layout },
|
||||||
setup() {
|
setup() {
|
||||||
@@ -185,9 +186,13 @@ export default defineComponent({
|
|||||||
let modalImg:any= computed(()=>{
|
let modalImg:any= computed(()=>{
|
||||||
return store.state.UploadFilesModule.disposeMoodboard
|
return store.state.UploadFilesModule.disposeMoodboard
|
||||||
})
|
})
|
||||||
|
let driverIndex:any = computed(()=>{
|
||||||
|
return store.state.Guide.guide
|
||||||
|
})
|
||||||
let uploading:any = ref([])
|
let uploading:any = ref([])
|
||||||
let edieShow:any = ref()
|
let edieShow:any = ref()
|
||||||
let {t} = useI18n()
|
let {t} = useI18n()
|
||||||
|
|
||||||
return {
|
return {
|
||||||
fileList,
|
fileList,
|
||||||
showFileList,
|
showFileList,
|
||||||
@@ -201,6 +206,7 @@ export default defineComponent({
|
|||||||
layoutOpen,
|
layoutOpen,
|
||||||
loadingShow,
|
loadingShow,
|
||||||
modalImg,
|
modalImg,
|
||||||
|
driverIndex,
|
||||||
uploading,
|
uploading,
|
||||||
edieShow,
|
edieShow,
|
||||||
t,
|
t,
|
||||||
@@ -227,7 +233,6 @@ export default defineComponent({
|
|||||||
moodboarList:computed(()=>{
|
moodboarList:computed(()=>{
|
||||||
return useStore().state.UploadFilesModule.moodboard
|
return useStore().state.UploadFilesModule.moodboard
|
||||||
}),
|
}),
|
||||||
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
// watcheffect(){
|
// watcheffect(){
|
||||||
@@ -255,6 +260,14 @@ export default defineComponent({
|
|||||||
// this.uploading[this.uploading-1] = true
|
// this.uploading[this.uploading-1] = true
|
||||||
// }
|
// }
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
driverIndex:{
|
||||||
|
handler(newVal,oldVal){
|
||||||
|
if(newVal.index >= 1 && newVal.index <= 2){
|
||||||
|
this.open(newVal.index)
|
||||||
|
}else{
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
directives:{
|
directives:{
|
||||||
|
|||||||
@@ -54,7 +54,7 @@
|
|||||||
|
|
||||||
</template>
|
</template>
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { defineComponent ,createVNode } from 'vue'
|
import { defineComponent ,createVNode, ref, computed } from 'vue'
|
||||||
|
|
||||||
import Generate from '@/component/HomePage/Generate.vue'
|
import Generate from '@/component/HomePage/Generate.vue'
|
||||||
import MoodboardUpload from '@/component/HomePage/MoodboardUpload.vue'
|
import MoodboardUpload from '@/component/HomePage/MoodboardUpload.vue'
|
||||||
@@ -76,12 +76,14 @@ export default defineComponent({
|
|||||||
SketchboardUpload,
|
SketchboardUpload,
|
||||||
MarketingSketchUpload
|
MarketingSketchUpload
|
||||||
},
|
},
|
||||||
state(){
|
setup(){
|
||||||
|
const store = useStore()
|
||||||
let {t} = useI18n()
|
let {t} = useI18n()
|
||||||
return {
|
return {
|
||||||
t,
|
t,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
data(){
|
data(){
|
||||||
return{
|
return{
|
||||||
showCollectionModal:false,
|
showCollectionModal:false,
|
||||||
|
|||||||
23
src/store/guide/guide.ts
Normal file
23
src/store/guide/guide.ts
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
import {Module} from 'vuex'
|
||||||
|
import {RootState} from '../index'
|
||||||
|
|
||||||
|
interface DesignDetail{
|
||||||
|
guide:any,
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
const Guide : Module<DesignDetail,RootState> = {
|
||||||
|
state:{
|
||||||
|
guide:0
|
||||||
|
},
|
||||||
|
mutations:{
|
||||||
|
setGuide(state,data){
|
||||||
|
state.guide = data
|
||||||
|
},
|
||||||
|
},
|
||||||
|
actions:{
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Guide
|
||||||
@@ -4,6 +4,7 @@ import DesignDetailModule from './Detail/designDetail'
|
|||||||
import HomeStoreModule from './homeStore/homeStore'
|
import HomeStoreModule from './homeStore/homeStore'
|
||||||
import UserHabit from './userHabit/userHabit'
|
import UserHabit from './userHabit/userHabit'
|
||||||
import Workspace from './workspace/workspace'
|
import Workspace from './workspace/workspace'
|
||||||
|
import Guide from './guide/guide'
|
||||||
export interface RootState{
|
export interface RootState{
|
||||||
|
|
||||||
}
|
}
|
||||||
@@ -22,6 +23,7 @@ export default createStore<RootState>({
|
|||||||
DesignDetailModule,
|
DesignDetailModule,
|
||||||
HomeStoreModule,
|
HomeStoreModule,
|
||||||
UserHabit,
|
UserHabit,
|
||||||
Workspace
|
Workspace,
|
||||||
|
Guide,
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -1,12 +1,14 @@
|
|||||||
import { driver } from "driver.js";
|
import { driver } from "driver.js";
|
||||||
import "driver.js/dist/driver.css";
|
import "driver.js/dist/driver.css";
|
||||||
|
import { useStore } from "vuex";
|
||||||
//版本一
|
//版本一
|
||||||
|
let driverIndex__ = 0
|
||||||
|
let store
|
||||||
const driverObj__ = driver({
|
const driverObj__ = driver({
|
||||||
steps: [
|
steps: [
|
||||||
{ element: '#Guide_1_1', popover: { title: 'Title', description: 'Description' } },
|
{ element: '#Guide_1_1', popover: { title: 'Title', description: 'Description' } },
|
||||||
{ element: '.Guide_1_2', popover: { title: 'Title', description: 'Description' } },
|
{ element: '.Guide_1_2', popover: { title: 'Title', description: 'Description' } },
|
||||||
{ element: '.Guide_1_2', popover: { title: 'Title', description: 'Description' } },
|
{ element: '.Guide_1_2', popover: { title: 'Title', description: 'Description' } },
|
||||||
{ element: '.Guide_1_2', popover: { title: 'Title', description: 'Description' } },
|
|
||||||
{ element: '.Guide_1_4', popover: { title: 'Title', description: 'Description' } },
|
{ element: '.Guide_1_4', popover: { title: 'Title', description: 'Description' } },
|
||||||
],
|
],
|
||||||
// showProgress: true,//控制总页数和当前页数是否显示
|
// showProgress: true,//控制总页数和当前页数是否显示
|
||||||
@@ -16,26 +18,75 @@ const driverObj__ = driver({
|
|||||||
stageRadius:5,//切口圆弧度
|
stageRadius:5,//切口圆弧度
|
||||||
allowKeyboardControl:true,//控制是否可以键盘控制下一步
|
allowKeyboardControl:true,//控制是否可以键盘控制下一步
|
||||||
disableActiveInteraction:false,//是否禁用显示元素的交互
|
disableActiveInteraction:false,//是否禁用显示元素的交互
|
||||||
// overlay: true,
|
overlayOpacity:.4,
|
||||||
|
overlay: true,
|
||||||
onPopoverRender: (popover, options) => {//每个步骤的元素和所有信息
|
onPopoverRender: (popover, options) => {//每个步骤的元素和所有信息
|
||||||
console.log(popover,options);
|
// console.log(popover,options);
|
||||||
if(options.state.activeIndex >= 1 && options.state.activeIndex <= 3){
|
popover.previousButton.style.display = 'none'
|
||||||
|
if(options.state.activeIndex >= 1 && options.state.activeIndex <= 2){
|
||||||
popover.footer.style.display = 'block'
|
popover.footer.style.display = 'block'
|
||||||
|
addDiv(options.state.activeElement)
|
||||||
}else{
|
}else{
|
||||||
popover.footer.style.display = 'none'
|
popover.footer.style.display = 'none'
|
||||||
|
removeDiv(options.state.activeElement)
|
||||||
}
|
}
|
||||||
|
// console.log(options.state.activeIndex);
|
||||||
|
driverIndex__ = driverObj__.getState().activeIndex
|
||||||
|
let data = {
|
||||||
|
index:driverIndex__
|
||||||
|
}
|
||||||
|
store?.commit("setGuide", data);
|
||||||
},
|
},
|
||||||
|
// onNextClick:(element, step, options) =>{
|
||||||
|
// console.log(element,step,options);
|
||||||
|
// driverObj__.moveNext()
|
||||||
|
// // element.style.posiiton = 'relative'
|
||||||
|
// // const mask = document.createElement('div');
|
||||||
|
// // mask.style.position = 'absolute';
|
||||||
|
// // mask.style.top = '0';
|
||||||
|
// // mask.style.left = '0';
|
||||||
|
// // mask.style.width = '100%';
|
||||||
|
// // mask.style.height = '100%';
|
||||||
|
// // mask.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
|
||||||
|
// // mask.style.zIndex = '9999';
|
||||||
|
// // element.appendChild(mask);
|
||||||
|
// }
|
||||||
});
|
});
|
||||||
|
function addDiv(element){
|
||||||
|
element.style.posiiton = 'relative'
|
||||||
|
const mask = element.getElementsByClassName('driver-mask')?.[0]
|
||||||
|
if(mask){
|
||||||
|
}else{
|
||||||
|
const mask = document.createElement('div');
|
||||||
|
mask.style.position = 'absolute';
|
||||||
|
mask.style.top = '0';
|
||||||
|
mask.style.left = '0';
|
||||||
|
mask.style.width = '100%';
|
||||||
|
mask.style.height = '100%';
|
||||||
|
mask.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
|
||||||
|
mask.style.zIndex = '9999';
|
||||||
|
mask.classList.add('driver-mask')
|
||||||
|
element.appendChild(mask);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function removeDiv(element){
|
||||||
|
const mask = element.getElementsByClassName('driver-mask')?.[0]
|
||||||
|
console.log(element);
|
||||||
|
if(mask){
|
||||||
|
// element.removeChild(mask);
|
||||||
|
mask.remove()
|
||||||
|
}
|
||||||
|
}
|
||||||
const openGuide = () =>{
|
const openGuide = () =>{
|
||||||
// driverObj__.drive();
|
// driverObj__.drive();
|
||||||
driverObj__.moveNext();
|
store = useStore()
|
||||||
driverObj__.movePrevious();
|
|
||||||
|
// driverObj__.moveNext();
|
||||||
|
// driverObj__.movePrevious();
|
||||||
}
|
}
|
||||||
|
|
||||||
export{
|
export{
|
||||||
openGuide,
|
openGuide,
|
||||||
driverObj__,
|
driverObj__,
|
||||||
|
driverIndex__,
|
||||||
}
|
}
|
||||||
@@ -847,7 +847,8 @@ export default defineComponent({
|
|||||||
confirmDeletePic(data:any,index:any){
|
confirmDeletePic(data:any,index:any){
|
||||||
let libraryIds = data ? [data.id] : this.selectImgList
|
let libraryIds = data ? [data.id] : this.selectImgList
|
||||||
let newData = {
|
let newData = {
|
||||||
libraryIds:libraryIds
|
libraryIds:libraryIds,
|
||||||
|
timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
|
||||||
}
|
}
|
||||||
Https.axiosPost(Https.httpUrls.batchDeleteLibrary, newData).then(
|
Https.axiosPost(Https.httpUrls.batchDeleteLibrary, newData).then(
|
||||||
(rv: any) => {
|
(rv: any) => {
|
||||||
|
|||||||
Reference in New Issue
Block a user