用户指引
This commit is contained in:
@@ -159,7 +159,7 @@ li {
|
||||
.el-cascader__collapse-tag .el-cascader__collapse-tag .el-tag--light {
|
||||
display: flex !important;
|
||||
}
|
||||
.hideEvents * {
|
||||
.hideEvents* {
|
||||
pointer-events: none !important;
|
||||
}
|
||||
.Guide_ {
|
||||
@@ -397,7 +397,8 @@ li {
|
||||
.driver-active * {
|
||||
pointer-events: none;
|
||||
}
|
||||
.showEvents * {
|
||||
.printboard_upload_modal.showEvents *,
|
||||
.sketchboard_upload_modal .switch_type_list.showEvents * {
|
||||
pointer-events: auto;
|
||||
}
|
||||
.habit :deep(.ant-btn:hover),
|
||||
|
||||
@@ -174,11 +174,12 @@ ul,li{
|
||||
}
|
||||
}
|
||||
.hideEvents{
|
||||
*{
|
||||
&*{
|
||||
pointer-events:none !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.Guide_{
|
||||
pointer-events:auto !important;
|
||||
&.showEvents{
|
||||
@@ -465,11 +466,14 @@ ul,li{
|
||||
.driver-overlay, .driver-active * {
|
||||
pointer-events: none;
|
||||
}
|
||||
.showEvents{
|
||||
*{
|
||||
pointer-events: auto;
|
||||
.printboard_upload_modal, .sketchboard_upload_modal .switch_type_list{
|
||||
&.showEvents{
|
||||
*{
|
||||
pointer-events: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// .ant-modal-wrap{
|
||||
// z-index: 10001 ;
|
||||
// }
|
||||
|
||||
@@ -877,6 +877,8 @@ export default defineComponent({
|
||||
position: relative;
|
||||
height: 80%;
|
||||
display: inline-block;
|
||||
// display: block;
|
||||
overflow: initial !important;
|
||||
// width: 100%;
|
||||
.detail_modal_model{
|
||||
z-index: 1;
|
||||
|
||||
@@ -215,7 +215,7 @@ export default defineComponent({
|
||||
}else{
|
||||
hex = '#FFFFFF'
|
||||
}
|
||||
this.$parent.selectColor = color?.rgba?.r != '' ? {rgba:{r:color.rgba?.r,g:color.rgba?.g,b:color.rgba?.b,a:color.rgba?.a},hex:hex} : {}
|
||||
this.$parent.selectColor = color?.rgba?.r ? {rgba:{r:color.rgba?.r,g:color.rgba?.g,b:color.rgba?.b,a:color.rgba?.a},hex:hex} : {rgba:{r:255,g:255,b:255,a:1},hex:hex}
|
||||
this.$parent.tcxColor = ''
|
||||
this.$parent.pantongName = ''
|
||||
},
|
||||
@@ -261,6 +261,10 @@ export default defineComponent({
|
||||
data.designSingleItemDTOList[index].printObject.prints = []
|
||||
}else if(this.type_ == 3){
|
||||
let color = `${this.$parent.selectColor.rgba.r} ${this.$parent.selectColor.rgba.g} ${this.$parent.selectColor.rgba.b}`
|
||||
// if(this.$parent.selectColor.rgba.r == undefined){
|
||||
// return
|
||||
// }
|
||||
// console.log(this.$parent.selectColor.rgba);
|
||||
data.designSingleItemDTOList[index].color = color
|
||||
}
|
||||
data.timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone
|
||||
|
||||
@@ -335,6 +335,7 @@ export default defineComponent({
|
||||
generageAdd(data: any) {
|
||||
data.type_ = this.type_;
|
||||
data.resData = JSON.parse(JSON.stringify(data))
|
||||
data.jsContent1 = this.t('uploadFile.jsContent1')
|
||||
this.store.commit("addGenerateMaterialFils", data);
|
||||
// console.log(this.fileList);
|
||||
let moodboard = this.store.state.UploadFilesModule.moodboard
|
||||
@@ -550,6 +551,7 @@ export default defineComponent({
|
||||
},
|
||||
deleteFile(item: any) {
|
||||
if (item.type_ == "generate" || item.type_ == "material") {
|
||||
item.jsContent1 = this.t('uploadFile.jsContent1')
|
||||
this.store.commit("addGenerateMaterialFils", item);
|
||||
} else {
|
||||
this.sketchboardList =
|
||||
|
||||
@@ -372,8 +372,8 @@ export default defineComponent({
|
||||
|
||||
deleteFile(item: any) {
|
||||
if(item.type_.type1 == 'generate' || item.type_.type1 == 'material'){
|
||||
item.jsContent1 = this.t('uploadFile.jsContent1')
|
||||
this.store.commit("addGenerateMaterialFils", item);
|
||||
|
||||
}else{
|
||||
this.fileList = this.store.state.UploadFilesModule.moodboardFiles
|
||||
let moodboard
|
||||
|
||||
@@ -304,6 +304,7 @@ export default defineComponent({
|
||||
// this.fileList.splice(item, 1)
|
||||
// this.store.commit('setPrintboardFile',this.fileList)
|
||||
if(item.type_.type1 == 'generate' || item.type_.type1 == 'material'){
|
||||
item.jsContent1 = this.t('uploadFile.jsContent1')
|
||||
this.store.commit("addGenerateMaterialFils", item);
|
||||
}else{
|
||||
this.fileList = this.store.state.UploadFilesModule.printboardFiles
|
||||
@@ -686,6 +687,7 @@ export default defineComponent({
|
||||
type2: 'Printboard',
|
||||
},
|
||||
item.resData = JSON.parse(JSON.stringify(item))
|
||||
item.jsContent1 = this.t('uploadFile.jsContent1')
|
||||
this.store.commit("addGenerateMaterialFils", item);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -524,6 +524,7 @@ export default defineComponent({
|
||||
|
||||
deleteFile(item: any) {
|
||||
if(item.type_.type1 == 'generate' || item.type_.type1 == 'material'){
|
||||
item.jsContent1 = this.t('uploadFile.jsContent1')
|
||||
this.store.commit("addGenerateMaterialFils", item);
|
||||
}else{
|
||||
this.fileList = this.store.state.UploadFilesModule.sketchboardFiles
|
||||
@@ -691,6 +692,7 @@ export default defineComponent({
|
||||
type2: 'Sketchboard',
|
||||
},
|
||||
item.resData = JSON.parse(JSON.stringify(item))
|
||||
item.jsContent1 = this.t('uploadFile.jsContent1')
|
||||
this.store.commit("addGenerateMaterialFils", item);
|
||||
}
|
||||
},
|
||||
|
||||
@@ -67,7 +67,7 @@ const driverObj__ = driver({
|
||||
// prevBtnText: '‹—',
|
||||
doneBtnText: '✕',
|
||||
onPopoverRender: (popover, options) => {//每个步骤的元素和所有信息
|
||||
// console.log(popover,options,element);
|
||||
console.log(popover,options,element);
|
||||
if(element){
|
||||
element.classList.remove('Guide_')
|
||||
}
|
||||
@@ -84,15 +84,17 @@ const driverObj__ = driver({
|
||||
// options.state.activeIndex >= 24 && options.state.activeIndex < 25 ||
|
||||
driverObj__.isLastStep()
|
||||
){
|
||||
console.log(driver);
|
||||
popover.footer.style.display = 'block'
|
||||
driver.classList.add('showEvents')
|
||||
popover.footerButtons.style.pointerEvents = 'auto';
|
||||
// driver.classList.add('showEvents')
|
||||
addDiv(options.state.activeElement)
|
||||
}else{
|
||||
popover.footer.style.display = 'none'
|
||||
removeDiv(options.state.activeElement)
|
||||
driver.classList.remove('showEvents')
|
||||
popover.footerButtons.style.pointerEvents = 'none';
|
||||
// driver.classList.remove('showEvents')
|
||||
}
|
||||
|
||||
// console.log(options.state.activeIndex);
|
||||
driverIndex__ = driverObj__.getState().activeIndex
|
||||
data = {
|
||||
@@ -177,12 +179,12 @@ const openGuide = () =>{
|
||||
driver:false,
|
||||
}
|
||||
}
|
||||
driverObj__.destroy();
|
||||
// driverObj__.drive();
|
||||
// driverObj__.destroy();
|
||||
driverObj__.drive();
|
||||
|
||||
data = {
|
||||
index:driverIndex__,
|
||||
driver:false,
|
||||
driver:true,
|
||||
}
|
||||
store = useStore()
|
||||
// driverObj__.moveTo(18);
|
||||
|
||||
Reference in New Issue
Block a user