更新用户指引

This commit is contained in:
X1627315083
2023-12-08 16:27:35 +08:00
parent ec21fd1ff1
commit 4f62c4c2d3
12 changed files with 421 additions and 161 deletions

View File

@@ -1,6 +1,6 @@
<template>
<div class="generate">
<div v-if="type_.type2 == 'Sketchboard'|| type_.type2 == 'Printboard'" class="generate_checkbox">
<div v-if="type_.type2 == 'Sketchboard'|| type_.type2 == 'Printboard'" class="generate_checkbox Guide_1_2_2" :class="[driver__.driver?'hideEvents':'']">
<div>
<label>
<input
@@ -12,7 +12,9 @@
</label>
</div>
<div>
<label>
<label
:class="[driver__.driver ? driver__.index == 29?'showEvents':'':'',type_.type2 == 'Sketchboard'?'Guide_1_9_1':'']"
>
<input
type="checkbox"
v-model="checkbox[1].type"
@@ -22,7 +24,7 @@
</label>
</div>
<div>
<label>
<label class="Guide_1_2_3" :class="[driver__.driver?'showEvents':'']">
<input
type="checkbox"
v-model="checkbox[2].type"
@@ -32,8 +34,8 @@
</label>
</div>
<div v-if="type_.type2 == 'Printboard'" class="printModel">
<div @click.stop="PrintModel">{{ printModel.name }}</div>
<ul v-show="printModel.optype">
<div @click.stop="PrintModel" class="Guide_1_2_4" :class="[driver__.driver?'showEvents':'']">{{ printModel.name }}</div>
<ul v-show="printModel.optype" class="Guide_1_2_5" :class="[driver__.driver?'showEvents':'']">
<li class="printModel_item" @click="setprintModel(1)">{{ $t('Generate.Model1') }}</li>
<li class="printModel_item" @click="setprintModel(2)">{{ $t('Generate.Model2') }}</li>
<li v-show="printBoards.length >= 1" class="printModel_item" @click="setprintModel(3)">{{ $t('Generate.Generate') }}</li>
@@ -51,16 +53,15 @@
/>
<div class="generage_btn started_btn" @click.stop="getgenerate">{{ $t('Generate.Generate') }}</div>
<span>{{ $t('Generate.maximumLength') }}</span>
</div>
<div v-if="type_.type2 == 'Sketchboard' || type_.type2 == 'Printboard'" class="generage_img Guide_1_6">
<div class="upload_item">
<div
class="upload_file_item"
class="upload_file_item Guide_1_2_7"
v-for="(file, index) in sketchboardList"
:key="file"
@click.stop="setSketchboardItem(file)"
:class="[file?.checked?'active':'',checkboxImage? 'forbidden':'']"
:class="[file?.checked?'active':'',checkboxImage? 'forbidden':'',driver__.driver?'showEvents':'']"
>
<div
class="upload_file_item_content"
@@ -122,8 +123,8 @@
</div>
</div>
<div
class="upload_file_item upload_component"
v-show="sketchboardList.length != 8"
class="upload_file_item upload_component Guide_1_2_6"
:class="[driver__.driver?'showEvents':'']"
>
<a-upload
:action="uploadUrl + '/api/element/upload'"
@@ -136,13 +137,11 @@
v-model:file-list="sketchboardList"
:before-upload="beforeUpload"
multiple
:maxCount="8 - sketchboardList.length"
accept=".jpg,.png,.jpeg,.bmp"
@change="(file) => fileUploadChange(file)"
>
<div
class="upload_tip_block"
v-show="sketchboardList.length != 8"
>
<i class="fi fi-br-upload"></i>
<!-- <img class="upload_img_icon" src="@/assets/images/homePage/add_file.png"> -->
@@ -157,24 +156,23 @@
v-for="(item, index) in fileList"
:key="item.imgUrl"
@click="generageAdd(item)"
:class="[item?.checked?'active':'',driver__.driver?'hideEvents':'']"
:class="[item?.checked?'active':'']"
>
<img v-lazy="item.imgUrl" alt="" />
<div
class="delete_like_file_block"
:class="[driver__.driver?'hideEvents':'']"
>
<i v-if="!item.like" class="fi fi-rr-heart" @click.stop="likeFile(item,'like')"></i>
<i v-else class="fi fi-sr-heart" @click.stop="likeFile(item,'noLike')"></i>
</div>
<div class="delete_like_file_block left">
<div class="delete_like_file_block left" :class="[driver__.driver?'hideEvents':'']">
<i class="fi fi-bs-expand-arrows-alt" @click.stop="scaleImage()"></i>
</div>
</div>
</div>
<scaleImage ref="scaleImage"></scaleImage>
<scaleImage ref="scaleImage"></scaleImage>
<div class="mark_loading" v-show="loadingShow">
<a-spin size="large" />
</div>
@@ -203,11 +201,11 @@ export default defineComponent({
let checkbox = ref([
{
name: "image",
type: false,
type: true,
},
{
name: "text",
type: true,
type: false,
},
{
name: "text-image",
@@ -317,6 +315,21 @@ export default defineComponent({
this.uploadUrl = getUploadUrl();
this.workspace = this.store.state.Workspace.workspace
},
watch:{
driver__:{
handler(newVal,oldVal){
if(this.type_.type2 == 'Printboard'){
if(newVal.index >= 13 && newVal.index < 15){
this.setKeyword(newVal.index-13)
}else{
}
}else if(this.type_.type2 == 'Sketchboard'){
}
}
}
},
computed: {
getSketchLabel(value: any) {
return (value: any) => {
@@ -374,12 +387,22 @@ export default defineComponent({
})
}
})
if(num == 2 || num == 1){
if(this.driver__.driver){
driverObj__.moveNext()
}
}
},
PrintModel(){
if(!this.printModel.optype){
document.addEventListener('click',this.removePrintModel)
}
this.printModel.optype = !this.printModel.optype
nextTick().then(()=>{
if(this.driver__.driver){
driverObj__.moveNext()
}
})
},
removePrintModel(){
this.printModel.optype = false
@@ -399,7 +422,11 @@ export default defineComponent({
name:this.t('Generate.Model')+num
}
}
nextTick().then(()=>{
if(this.driver__.driver){
driverObj__.moveNext()
}
})
},
getgenerate(){
if(this.isTest){//试用用户禁止使用
@@ -456,7 +483,7 @@ export default defineComponent({
})
nextTick().then(()=>{
if(this.driver__.driver){
driverObj__.moveTo(3)
driverObj__.moveTo(9)
}
})
// if(){
@@ -503,6 +530,11 @@ export default defineComponent({
} else {
this.sketchboardList = fileList
}
nextTick().then(()=>{
if(this.driver__.driver){
driverObj__.moveNext()
}
})
} else if (file.status === "error") {
let index = -1;
this.sketchboardList.forEach((ele: any, index1: any) => {
@@ -548,6 +580,9 @@ export default defineComponent({
}
this.collectionElementid = item.id
this.level2Type = item.category
if(this.driver__.driver){
driverObj__.moveNext()
}
},
deleteFile(item: any) {
if (item.type_ == "generate" || item.type_ == "material") {