aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

2023-10-30-语言适配 en

Browse Source
This commit is contained in:
X1627315083
2023-10-30 17:26:36 +08:00
parent cec54c175b
commit 2bb795c05b
33 changed files with 969 additions and 2745 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/component/HomePage/SketchboardUpload.vue
View File

@@ -7,21 +7,21 @@
class="switch_type_item"
:class="[openClick == 1 ? 'select_swtich' : '']"
>
<span>Upload</span>
<span>{{ $t('SketchboardUpload.Upload') }}</span>
</div>
<div
@click.stop="open(2)"
class="switch_type_item"
:class="[openClick == 2 ? 'select_swtich' : '']"
>
<span>Library</span>
<span>{{ $t('SketchboardUpload.Library') }}</span>
</div>
<div
@click.stop="open(3)"
class="switch_type_item"
:class="[openClick == 3 ? 'select_swtich' : '']"
>
<span>Generate</span>
<span>{{ $t('SketchboardUpload.Generate') }}</span>
</div>
</div>
<div v-show="openClick == 1" class="sketchboard_body">
@@ -105,7 +105,7 @@
v-show="file?.status === 'done'"
>
<a-checkbox v-model:checked="file.pin"
>PIN</a-checkbox
>{{ $t('SketchboardUpload.PIN') }}</a-checkbox
>
</div>
</div>
@@ -158,7 +158,7 @@
<div class="modal_right">
<div class="modal_layout">
<div class="modal_text">
<div>Thumbnail preview of selected moodboard</div>
<div>{{ $t('SketchboardUpload.Thumbnail') }}</div>
<!-- <div class="modal_btn started_btn" @click="layout()">layout</div> -->
</div>
<div class="modal_img">
@@ -172,9 +172,9 @@
</div>
<div v-show="openClick == 3" class="modal_accomplish">
<div class="input_box" :class="{active:inputShow}">
<input class="search_input" @input="ifMaximumLength" :maxlength='inputShow?0:9999' :class="{forbidden:generateCheckbox}" :readonly="generateCheckbox" placeholder="Caption generation" v-model="captionGeneration">
<input class="search_input" @input="ifMaximumLength" :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">Generate</div>
<span>The entered content exceeds the maximum length.</span>
<span>{{ $t('SketchboardUpload.maximumLength') }}</span>
</div>
<div class="modal_img">
<div v-for="item,index in generateList" class="modal_imgItem" :class="{ active: item?.checked }">
@@ -232,7 +232,7 @@
<i v-else class="fi fi-sr-heart" @click.stop="likeFile(item,'noLike')"></i>
</div>
<div class="pin_block">
<a-checkbox v-model:checked="item.pin">PIN</a-checkbox>
<a-checkbox v-model:checked="item.pin">{{ $t('SketchboardUpload.PIN') }}</a-checkbox>
</div>
</div>
</div>
@@ -257,6 +257,7 @@ import { message, Upload } from "ant-design-vue";
import Material from "@/component/HomePage/Material.vue";
import Generate from "@/component/HomePage/Generate.vue";
import { Https } from "@/tool/https";
import { useI18n } from "vue-i18n";
export default defineComponent({
components: { Material, Generate },
setup() {
@@ -273,6 +274,7 @@ export default defineComponent({
let inputShow = ref(false)
let inputTime = ref()
let {t} = useI18n()
return {
fileList,
openClick,
@@ -283,6 +285,7 @@ export default defineComponent({
workspace,
inputShow,
inputTime,
t,
};
},
data() {
@@ -399,7 +402,8 @@ export default defineComponent({
if (index > -1) {
this.fileList.splice(index, 1);
}
message.error(file.name + "upload failed");
message.warning(file.name + this.t('SketchboardUpload.jsContent1'));
}
},
@@ -410,11 +414,11 @@ export default defineComponent({
file.type === "image/jpg" ||
file.type === "image/bmp";
if (!isJpgOrPng) {
message.warning("You can only upload Image file!");
message.warning(this.t('SketchboardUpload.jsContent2'));
}
const isLt2M = file.size / 1024 / 1024 < 2;
if (!isLt2M) {
message.warning("Image must smaller than 2MB!");
message.warning(this.t('SketchboardUpload.jsContent3'));
}
return (isJpgOrPng && isLt2M) || Upload.LIST_IGNORE;
},
@@ -550,7 +554,7 @@ export default defineComponent({
};
if (this.fileList.length == 15) {
message.warning(
"Maximum number of allowable file uploads has been exceeded"
this.t('SketchboardUpload.jsContent4')
);
break;
}
@@ -577,7 +581,7 @@ export default defineComponent({
if(generage.collectionElementid){
}else{
message.warning(
"Please select a picture"
this.t('SketchboardUpload.jsContent5')
);
return
}
@@ -589,13 +593,14 @@ export default defineComponent({
let arr = this.captionGeneration.split(/\s+/).length
if(arr > 75){
message.warning(
"The entered content exceeds the maximum length."
this.t('SketchboardUpload.jsContent6')
);
return
}
}else{
message.warning(
"Please enter content"
this.t('SketchboardUpload.jsContent7')
);
return
}