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