修改generate流程,新增导出功能
This commit is contained in:
@@ -151,6 +151,7 @@
|
||||
msg="Sketchboard"
|
||||
@confirmSelect="confirmSelect"
|
||||
:disignTypeList="sketchCatecoryList"
|
||||
@setLibrary = setSetchboardGenerate
|
||||
></Material>
|
||||
<Generate
|
||||
v-show="openClick == 3"
|
||||
@@ -158,6 +159,7 @@
|
||||
msg="Sketchboard"
|
||||
:sketchCatecoryList="sketchCatecoryList"
|
||||
@generateCheckbox="getgenerateCheckbox"
|
||||
@setGenerate = setSetchboardGenerate
|
||||
></Generate>
|
||||
</div>
|
||||
<div class="modal_right">
|
||||
@@ -178,11 +180,17 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div v-show="openClick == 3" class="modal_accomplish">
|
||||
<div class="input_box Guide_1_9_2" :class="[inputShow?'active':'',driver__.driver?'showEvents':'']">
|
||||
<input class="search_input" @input="ifMaximumLength" @keydown.enter="getgenerate()" :maxlength='inputShow?0:9999' :class="{forbidden:generateCheckbox}" :readonly="generateCheckbox" :placeholder="$t('SketchboardUpload.inputContent1')" v-model="captionGeneration">
|
||||
<div class="generage_btn started_btn" @click.stop="getgenerate">{{ $t('SketchboardUpload.Generate') }}</div>
|
||||
<span>{{ $t('SketchboardUpload.maximumLength') }}</span>
|
||||
<div v-show="openClick == 3 || openClick == 2" class="modal_accomplish">
|
||||
<div class="input_border">
|
||||
<div class="Guide_1_9_2 input_box" :class="[inputShow?'active':'',driver__.driver?'showEvents':'']">
|
||||
<input class="search_input" @input="ifMaximumLength" @keydown.enter="getgenerate" :maxlength='inputShow?0:9999' :class="{forbidden:generateCheckbox}" :readonly="generateCheckbox" :placeholder="$t('PrintboardUpload.inputContent1')" v-model="captionGeneration">
|
||||
<div class="generage_btn started_btn" @click.stop="getgenerate">{{ $t('PrintboardUpload.Generate') }}</div>
|
||||
<span>{{ $t('PrintboardUpload.maximumLength') }}</span>
|
||||
</div>
|
||||
<div>
|
||||
<div v-show="!isUseGenerate" @click="setUseGenerate">Printboard</div>
|
||||
<div v-show="isUseGenerate" @click="setUseGenerate">Generate</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal_img">
|
||||
<div v-for="item,index in generateList" class="modal_imgItem Guide_1_13_2" :class="[driver__.driver?'showEvents':'',item?.checked?'active':'']">
|
||||
@@ -311,6 +319,14 @@ export default defineComponent({
|
||||
let generateLineUp:any = ref(-1)
|
||||
let remGenerate:any = ref(false)
|
||||
let remGenerateTime:any = ref()
|
||||
let isUseGenerate = ref(false)
|
||||
let useGenerate:any = ref({
|
||||
imgId : '',
|
||||
imgUrl:1,
|
||||
checked:false,
|
||||
level2Type:'',
|
||||
designType:'',
|
||||
})
|
||||
return {
|
||||
fileList,
|
||||
openClick,
|
||||
@@ -332,6 +348,8 @@ export default defineComponent({
|
||||
generateLineUp,
|
||||
remGenerate,
|
||||
remGenerateTime,
|
||||
useGenerate,
|
||||
isUseGenerate,
|
||||
};
|
||||
},
|
||||
data() {
|
||||
@@ -440,6 +458,41 @@ export default defineComponent({
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
setUseGenerate(){
|
||||
this.isUseGenerate = !this.isUseGenerate
|
||||
let sketchMaterialFiles:any = computed(()=>{
|
||||
return this.store.state.UploadFilesModule.sketchMaterialFiles
|
||||
})
|
||||
let Material:any = this.$refs.Material
|
||||
Material.setUseGenerate(sketchMaterialFiles.value)
|
||||
if(this.isUseGenerate){
|
||||
let generate:any = this.$refs.Generate
|
||||
generate.checkbox.forEach((item:any)=>{
|
||||
if(item.name == "text-image"){
|
||||
item.type = true
|
||||
}else{
|
||||
item.type = false
|
||||
}
|
||||
})
|
||||
this.generateCheckbox = false
|
||||
}
|
||||
},
|
||||
setSetchboardGenerate(item:any){
|
||||
this.useGenerate.imgId = item.imgId
|
||||
this.useGenerate.imgUrl = item.imgUrl
|
||||
this.useGenerate.level2Type = item.level2Type
|
||||
this.useGenerate.designType = item.designType
|
||||
let Material:any = this.$refs.Material
|
||||
let generate:any = this.$refs.Generate
|
||||
|
||||
if(item.designType == 'collection'){
|
||||
Material.setUseGenerate([])
|
||||
}else {
|
||||
generate.sketchboardList.forEach((item:any) => {
|
||||
item.checked = false
|
||||
});
|
||||
}
|
||||
},
|
||||
open(num: Number) {
|
||||
this.openClick = num;
|
||||
if (num == 2) {
|
||||
@@ -646,6 +699,14 @@ export default defineComponent({
|
||||
}
|
||||
},
|
||||
recollection() {
|
||||
this.isUseGenerate = false
|
||||
this.useGenerate = {
|
||||
imgId : '',
|
||||
imgUrl:1,
|
||||
checked:false,
|
||||
level2Type:'',
|
||||
designType:''
|
||||
}
|
||||
let arr = JSON.parse(
|
||||
JSON.stringify(
|
||||
this.store.state.UploadFilesModule.allBoardData
|
||||
@@ -710,10 +771,10 @@ export default defineComponent({
|
||||
let generateType = generage.checkbox.filter((v:any)=>v.type)[0].name
|
||||
let data = {
|
||||
generateType:generateType,
|
||||
designType:'',
|
||||
collectionElementId:generage?.collectionElementid,
|
||||
level1Type:generage.upload.level1Type,
|
||||
level2Type:generage.level2Type,
|
||||
designType:this.useGenerate.designType,
|
||||
collectionElementId:this.useGenerate.imgId,
|
||||
level1Type:this.upload.level1Type,
|
||||
level2Type:this.useGenerate.level2Type,
|
||||
text:this.captionGeneration,
|
||||
timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
|
||||
userId:this?.userInfo?.userId,
|
||||
@@ -722,7 +783,7 @@ export default defineComponent({
|
||||
gender:this.workspace.sex,
|
||||
}
|
||||
if(generateType == 'image'){
|
||||
if(generage?.collectionElementid){
|
||||
if(this.useGenerate.imgId){
|
||||
data.text = ''
|
||||
}else{
|
||||
message.info(
|
||||
@@ -750,7 +811,7 @@ export default defineComponent({
|
||||
return
|
||||
}
|
||||
}else if(generateType == 'text-image'){
|
||||
if(generage?.collectionElementid){
|
||||
if(this.useGenerate.imgId){
|
||||
if(this.captionGeneration){
|
||||
let arr = this.captionGeneration.split(/\s+/).length
|
||||
if(arr > 75){
|
||||
|
||||
Reference in New Issue
Block a user