@@ -230,6 +233,7 @@ import ExportModel from "@/component/HomePage/ExportModel.vue";
import { useStore } from "vuex";
import scaleImage from "@/component/HomePage/scaleImage.vue";
import generalMenu from "@/component/HomePage/generalMenu.vue";
+import { openGuide,driverObj__ } from "@/tool/guide";
export default defineComponent({
components:{
@@ -241,6 +245,9 @@ export default defineComponent({
const store = useStore();
const {t} = useI18n()
const upload:any = ref({})
+ let driver__:any = computed(()=>{
+ return store.state.Guide.guide
+ })
let productImg: any = ref(false);//弹窗
let productImgMask:any = ref(false)//弹窗遮罩
let productImgData:any = reactive({
@@ -295,6 +302,11 @@ export default defineComponent({
}
userlikeGroupId = userGroupId
getLikeProductImage(userGroupId)
+ if(driver__.value.driver){
+ nextTick(()=>{
+ driverObj__.moveNext();
+ })
+ }
}
let setproduct = (value:any)=>{
productimgMenu.value = value
@@ -348,6 +360,11 @@ export default defineComponent({
// file.type = "ToProductImage"
// }
productImgData.fileList[productimgMenu.value.value].filter((v: any) => v.status === "done");
+ if(driver__.value.driver){
+ nextTick(()=>{
+ driverObj__.moveNext();
+ })
+ }
}else{
bor = false
}
@@ -376,6 +393,13 @@ export default defineComponent({
}
let setGenerate = (item:any)=>{
item.isChecked = !item.isChecked
+ if(item.isChecked){
+ if(driver__.value.driver){
+ nextTick(()=>{
+ driverObj__.moveNext();
+ })
+ }
+ }
// productImgData.selectProductimgList
}
let likeFile = (item:any,str:any,index:any) =>{
@@ -397,7 +421,9 @@ export default defineComponent({
productImgData.generateList.push(item)
productImgData.likeList.splice(index,1)
}
-
+ if(driver__.value.driver){
+ driverObj__.moveNext();
+ }
}
).catch(res=>{
});
@@ -411,7 +437,6 @@ export default defineComponent({
userlikeGroupId,
}
let exportModel:any = ExportModel.value
-
exportModel.init(data)
}
let remPrductimgTime:any = null
@@ -529,11 +554,16 @@ export default defineComponent({
if((data.length == 0)|| (rv.filter((item:any)=>item.status == 'Invalid').length ==data.length)){
// if(rv.filter((item:any)=>item.status == 'Invalid').length ==dataNum){
// }
- store.state.store.dispatch('getCredits')
+ store.dispatch('getCredits')
clearInterval(prductimgTime)
clearInterval(remPrductimgTime)
productImgData.remProductimg = false
productImgData.isProductimg = false
+ if(driver__.value.driver){
+ nextTick(()=>{
+ driverObj__.moveNext();
+ })
+ }
}
}
}
@@ -581,6 +611,11 @@ export default defineComponent({
item.menuShow = true
generalIsMenuShow = item
document.addEventListener('click',removeMenuShow)
+ if(driver__.value.driver){
+ nextTick(()=>{
+ driverObj__.moveNext();
+ })
+ }
}
let setMenu=(menuItem:any,item:any)=>{
productimgMenu.value = menuItem
@@ -595,6 +630,11 @@ export default defineComponent({
selectList.value[menuItem.value].push(item)
}
generalIsMenuShow.menuShow = false
+ if(driver__.value.driver){
+ nextTick(()=>{
+ driverObj__.moveNext();
+ })
+ }
}
let removeMenuShow = ()=>{
generalIsMenuShow.menuShow = false
@@ -614,6 +654,7 @@ export default defineComponent({
upload,
productImg,
productImgMask,
+ driver__,
...toRefs(productImgData),
productimgMenuList,
productimgMenu,
diff --git a/src/component/WorksPage/publish.vue b/src/component/WorksPage/publish.vue
index d4365171..8f886a5e 100644
--- a/src/component/WorksPage/publish.vue
+++ b/src/component/WorksPage/publish.vue
@@ -94,10 +94,12 @@ import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
import { Modal,message } from 'ant-design-vue';
import { downloadIamge,base64ToFile } from "@/tool/util";
import { useI18n } from 'vue-i18n';
+import { useStore } from "vuex";
export default defineComponent({
setup(prop,{emit}) {
let {t} = useI18n()
+ const store = useStore();
let publish: any = ref(false);//弹窗
let publishMask:any = ref(false)//弹窗遮罩
let setBeenPublished:any = inject('setBeenPublished')
@@ -225,7 +227,6 @@ export default defineComponent({
emit('setPublish')
message.success(t('Publish.jsContent4'))
setBeenPublished()
-
})
.catch((rv) => {
publishData.isShowMark = false
diff --git a/src/lang/cn.ts b/src/lang/cn.ts
index 6f290060..95e539d1 100644
--- a/src/lang/cn.ts
+++ b/src/lang/cn.ts
@@ -564,12 +564,12 @@ export default {
guide9:"输入捕捉您希望表达的情绪的关键词，然后单击
生成按钮。",
guide10:'为您的心情板选择两个图像。',
guide11:"点击此处布局您的情绪版。",
- guide12:"点击此处生成印花图片。",
+ guide12:"点击这里进入下一步。",
guide13:"点击此处生成印花图片。",
// guide14:"我们为生成图片提供三个输入选项：仅图片、仅文本和图片文本。",
// guide15:"选择此选项，我们将使用您上传的图片和输入的文本生成四张印花图片。",
- // guide16:"在此处选择生成模型；不同的模型将以不同的风格生成图片。",
- guide17:"在此处选择生成模型；不同的模型将以不同的风格生成图片。",
+ guide16:"在此处选择生成模型；不同的模型将以不同的风格生成图片。",
+ // guide17:"在此处选择生成模型；不同的模型将以不同的风格生成图片。",
guide18:"在此处上传输入图片。",
// guide19:"点击此图片进行选择。",
guide20:"输入关于您希望创建的印花的关键词，然后点击
生成按钮。",
@@ -601,7 +601,15 @@ export default {
guide46:"在此处预览印刷设计。",
guide47:"在此处保存印刷设计。",
guide48:"点击此处完成修改。",
- guide49:"点击此处导出您刚刚设计的系列。",
+ guide49:"点击此完成出您刚刚设计的系列。",
+ guide51:"这个界面允许您将设计结果转换为产品图。您可以通过调整文字和相似度来获得理想的效果。点击此产品图进入下一步。",
+ guide52:"点击此处生成产品图。",
+ guide53:"点击此按钮可对产品图应用更多工具。",
+ guide54:"我们可以改变这张图片的光照方向和背景。",
+ guide55:"点击此处生成一张从右侧打光的产品图。",
+ guide56:"如果您喜欢这个结果，可以点击小红心保存。",
+ guide57:"点击此处进入导出页面。",
+ guide58:"您可以将作品分享到作品广场或者导出到本地。",
guide50:"您的指南已经完成，现在您可以自由创作。要了解更多见解和细节，请查看我们主页上的演示视频：
https://code-create.com.hk/aida/。您可以随时告诉机器人您想重新开始教程。",
},
}
diff --git a/src/lang/en.ts b/src/lang/en.ts
index 2a3fba8f..3827ae26 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -570,9 +570,9 @@ export default {
// guide14:"We provide three input options for generating images: Image Only, Text Only, and Text-Image.",
// guide15:"Select this option and we will generate four print images using both the picture you upload and the text you enter.",
guide16:"Choose a generation model here; different models will generate images in various styles.",
- guide17:"Choose a generation model here; different models will generate images in various styles.",
+ // guide17:"Choose a generation model here; different models will generate images in various styles.",
guide18:"Upload the input picture here.",
- guide19:"Click on this image to select it.",
+ // guide19:"Click on this image to select it.",
guide20:"Enter keywords about the print you wish to create and then click the
Generate button.",
guide21:"Select the generated prints you like best.",
guide22:"Click here for next step.",
@@ -582,7 +582,7 @@ export default {
guide26:"Choose the color you want from these color blocks.",
guide27:"Click here for next step.",
guide28:"Click here to generate clothing sketches.",
- guide29:"Using text only option for generation.",
+ // guide29:"Using text only option for generation.",
guide30:"Enter keywords about the sketch you wish to create and then click the
Generate button.",
guide31:"Click here to choose a category for the generated sketch.",
guide32:"Choose correct category for the sketch.",
@@ -602,8 +602,16 @@ export default {
guide46:"Preview printed design here.",
guide47:"Save printed design here.",
guide48:"Click here to finalize your modification.",
- guide49:"Click here to access the export page.",
- guide50:"Click here to export the collection you just designed.",
- guide51:"Your guide is complete, and now the canvas is yours to create freely. For more insights and details, check out our demo video on the homepage at
https://code-create.com.hk/aida/You can restart the tutorial at any time by simply telling the robot that you want to.",
+ guide49:"Click here to access the finalize page.",
+ guide51:"This interface allows you to transform design results into product images. You can achieve your desired effect by adjusting the text and similarity. Click this product image to proceed to the next step.",
+ guide52:"Click here to generate the product image.",
+ guide53:"Click this button to apply more tools to the product image. ",
+ guide54:"We can adjust the lighting and background of this image. ",
+ guide55:"Click here to generate a product image with lighting from the right side.",
+ guide56:"If you like this result, click the little heart to save it.",
+ guide57:"Click here to go to the export page. ",
+ guide58:"You can share your work to the gallery or export to your local device.",
+ // guide50:"Click here to export the collection you just designed.",
+ guide50:"Your guide is complete, and now the canvas is yours to create freely. For more insights and details, check out our demo video on the homepage at
https://code-create.com.hk/aida/You can restart the tutorial at any time by simply telling the robot that you want to.",
},
}
diff --git a/src/tool/guide.js b/src/tool/guide.js
index 08d7f6ef..33614cc9 100644
--- a/src/tool/guide.js
+++ b/src/tool/guide.js
@@ -111,15 +111,23 @@ function createDriver(){
{ element: '.Guide_1_25_1', popover: { title: '', description: i18n.guide47 ,side: "right",align: 'end' } },
{ element: '.Guide_1_26', popover: { title: '', description: i18n.guide48 } },
{ element: '.Guide_1_31', popover: { title: '', description: i18n.guide49 } },
- { element: '.Guide_1_32', popover: { title: '', description: i18n.guide50 } },
- { element: '.Guide_1_99', popover: { title: 'Begin Your Design', description: i18n.guide51 } },
+ { element: '.Guide_1_32', popover: { title: '', description: i18n.guide51 ,side: "right",align: 'center'} },
+ { element: '.Guide_1_33', popover: { title: '', description: i18n.guide52 } },
+ { element: '.Guide_1_34', popover: { title: '', description: i18n.guide53 } },
+ { element: '.Guide_1_35', popover: { title: '', description: i18n.guide54 } },
+ { element: '.Guide_1_33', popover: { title: '', description: i18n.guide55 } },
+ { element: '.Guide_1_36', popover: { title: '', description: i18n.guide56 } },
+ { element: '.Guide_1_37', popover: { title: '', description: i18n.guide57 } },
+ { element: '.Guide_1_38', popover: { title: '', description: i18n.guide58 } },
+ { element: '.Guide_1_99', popover: { title: '', description: i18n.guide50 ,side: "right",align: 'center'} },
+ // { element: '.Guide_1_99', popover: { title: 'Begin Your Design', description: i18n.guide51 } },
],
// showProgress: true,//控制总页数和当前页数是否显示
allowClose:false,
showButtons:false,
stagePadding:10,//切口到元素的距离
stageRadius:5,//切口圆弧度
- allowKeyboardControl:true,//控制是否可以键盘控制下一步
+ allowKeyboardControl:false,//控制是否可以键盘控制下一步
disableActiveInteraction:false,//是否禁用显示元素的交互
overlayOpacity:.4,
overlay: true,
@@ -137,10 +145,10 @@ function createDriver(){
driver : true,
stepsLenth:stepsLenth,
}
- console.log(options.state.activeIndex);
+ // console.log(driverIndex__);
store?.commit("setGuide", data);
if(options.state.activeIndex == 0 ||
- options.state.activeIndex == 34
+ options.state.activeIndex == 34
){
popover.wrapper.style.display = 'none'
}else{
@@ -152,13 +160,14 @@ function createDriver(){
}else if(options.state.activeIndex == 6 || options.state.activeIndex == 7){
popover.wrapper.style.transform = 'translateY(4rem)'
}else if(options.state.activeIndex == 41){
- popover.wrapper.style.transform = 'translateY(-6rem)'
+ popover.wrapper.style.transform = 'translateY(-9rem)'
}else{
popover.wrapper.style.transform = 'initial'
}
if(
options.state.activeIndex >= 6 && options.state.activeIndex < 9 ||
options.state.activeIndex >= 14 && options.state.activeIndex < 15 ||
+ options.state.activeIndex == 52 ||
driverObj__.isLastStep()
){
popover.footer.style.display = 'block'
@@ -167,10 +176,10 @@ function createDriver(){
popover.footer.style.display = 'none'
popover.footerButtons.style.pointerEvents = 'none';
}
- nextTick().then(()=>{
- if(element){
- element.classList.remove('Guide_')
- }
+ if(element){
+ element.classList.remove('Guide_')
+ }
+ nextTick(()=>{
element = options.state.activeElement
element.classList.add('Guide_')
})
@@ -229,7 +238,6 @@ function removeDiv(element){
}
const openGuide = () =>{
- return
let isTest = JSON.parse(getCookie('isTest'))
let isBeginner = JSON.parse(getCookie('isBeginner'))
// console.log(isBeginner);
diff --git a/src/views/HomeView/HomeView.vue b/src/views/HomeView/HomeView.vue
index 4af44dfe..f3656cd7 100644
--- a/src/views/HomeView/HomeView.vue
+++ b/src/views/HomeView/HomeView.vue
@@ -77,7 +77,7 @@