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/Detail/DesignDetailAlter.vue
View File

@@ -8,19 +8,19 @@
class="switch_type_item"
:class="[openClick == 1 ? 'select_swtich' : '']"
>
<span>Upload</span>
<span>{{ $t('DesignDetailAlter.Upload') }}</span>
</div>
<div
@click.stop="open(2)"
class="switch_type_item"
:class="[openClick == 2 ? 'select_swtich' : '']"
>
<span>Library</span>
<span>{{ $t('DesignDetailAlter.Library') }}</span>
</div>
</div>
<div v-show="openClick == 2" class="detail_Library">
<div class="content_search_block">
<input class="search_input" placeholder="Please input" v-model="searchPictureName" @keydown.enter="getLibraryList()">
<input class="search_input" :placeholder="$t('DesignDetailAlter.inputContent1')" v-model="searchPictureName" @keydown.enter="getLibraryList()">
<div class="search_icon_block" @click.stop="getLibraryList()"><span class="icon iconfont icon-sousuo"></span></div>
</div>
<!-- clothesPrint -->
@@ -159,7 +159,7 @@
<div class="right_content_line">
<div class="upload_right_header">
<i class="color_edit fi fi-bs-comments" ></i>
<span>Palette</span>
<span>{{ $t('DesignDetailAlter.Palette') }}</span>
</div>
<div class="color_setting_block">
<Sketch class="sketch_color" v-model="selectColor" :show.sync="colorPickerVisible"/>
@@ -168,10 +168,10 @@
<div class="color_block">
<div class="color_left" @click="colorBlockHex = !colorBlockHex">
<div v-show="colorBlockHex">
HEX
{{ $t('DesignDetailAlter.HEX') }}
</div>
<div v-show="!colorBlockHex">
RGBA
{{ $t('DesignDetailAlter.RGBA') }}
</div>
</div>
<div class="color_right">
@@ -196,7 +196,7 @@
<div class="right_content_line right_content_line_upload">
<div class="upload_right_header">
<i class="color_edit fi fi-bs-comments" ></i>
<span>Auto Recognize</span>
<span>{{ $t('DesignDetailAlter.AutoRecognize') }}</span>
</div>
<div class="upload_centetn">
<div class="upload_item">
@@ -206,7 +206,7 @@
</div>
<div class="upload_file_item_content" v-show="file.status === 'done'">
<img :src="file?.imgUrl" class="upload_img" ref="colorImage">
<div class="delete_file_block" @click="colorDeleteFile(index)">Delete</div>
<div class="delete_file_block" @click="colorDeleteFile(index)">{{ $t('DesignDetailAlter.Delete') }}</div>
</div>
</div>
<a-upload
@@ -237,7 +237,7 @@
<div class="right_content_line">
<div class="upload_right_header">
<i class="color_edit fi fi-bs-comments" ></i>
<span>Color Code</span>
<span>{{ $t('DesignDetailAlter.ColorCode') }}</span>
</div>
<div class="get_color_block">
<input class="get_color_input" placeholder="tcx value (e.g.: 19-4052)" v-model="tcxColor" @keydown.enter="getTcxColor()"/>
@@ -265,6 +265,7 @@ import { Sketch} from '@ans1998/vue3-color'
import {getUploadUrl,rgbToHsv} from '@/tool/util'
import DesignDetailEnd from './DesignDetailEnd.vue';
import { getCookie } from "@/tool/cookie";
import { useI18n } from 'vue-i18n';
export default defineComponent({
props: ["msg"],
components:{
@@ -318,6 +319,7 @@ export default defineComponent({
})
let workspace = ref({})
let {t} = useI18n()
return{
store,
current,
@@ -339,6 +341,7 @@ export default defineComponent({
selectColor,
selectColorList,
workspace,
t,
}
},
@@ -360,8 +363,6 @@ export default defineComponent({
spin: true,
}),
designShowPrview:1, //展示图片预览步骤
generateHighDesignImg:'',//点击generate按钮生成的高级设计图
//颜色
reviewColor:{}, //预览的颜色
colorPickerVisible: true,
@@ -476,7 +477,7 @@ export default defineComponent({
// return `rgb(${r}, ${g}, ${b})`;
// box.style.backgroundColor = label.textContent = result.sRGBHex;
} catch (e) {
message.error("Your browser does not support it")
message.error(this.t('DesignDetailAlter.jsContent1'))
}
})
},
@@ -555,7 +556,7 @@ export default defineComponent({
(v) => v.status === "done"
);
if (this.uploadList.length >= 8) {
message.warning("You can select up to 8 images");
message.warning(this.t('DesignDetailAlter.jsContent2'));
} else {
// this.store.commit("setSketchboardFile", fileList);
this.uploadList = fileList
@@ -576,7 +577,7 @@ export default defineComponent({
if (index > -1) {
this.uploadList.splice(index, 1);
}
message.warning(file.name + "upload failed");
message.warning(file.name + this.t('DesignDetailAlter.jsContent3'));
}
},
@@ -699,11 +700,11 @@ export default defineComponent({
beforeUpload(file){
const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/jpg' || file.type === 'image/bmp';
if (!isJpgOrPng) {
message.warning('You can only upload Image file!');
message.warning(this.t('DesignDetailAlter.jsContent4'));
}
const isLt2M = file.size / 1024 / 1024 < 5;
if (!isLt2M) {
message.warning('Image must smaller than 5MB!');
message.warning(this.t('DesignDetailAlter.jsContent5'));
}
return (isJpgOrPng && isLt2M) || Upload.LIST_IGNORE;
},
@@ -786,7 +787,7 @@ export default defineComponent({
this.setColorboardList(colorList)
this.getColorBg = true
}else{
message.warning("Can't find the TCX color")
message.warning(this.t('DesignDetailAlter.jsContent6'))
}
})
},