09-12
This commit is contained in:
WangXiaoDong
@@ -53,45 +53,7 @@
|
||||
@click="resDesignCollection()">
|
||||
Redesign
|
||||
</div>
|
||||
<!-- <div class="system_scale">
|
||||
<div class="system_silder">
|
||||
<a-slider id="system_silder" :tooltipVisible="true"
|
||||
v-model:value="system_scale_value" :tip-formatter="formatter"
|
||||
:getTooltipPopupContainer="(triggerNode) =>
|
||||
triggerNode.parentNode
|
||||
" />
|
||||
</div>
|
||||
<div class="sacle_left_tip">Designer</div>
|
||||
<div class="sacle_right_tip">System</div>
|
||||
</div>
|
||||
|
||||
<div class="switch_component_block" @click="change_switch()">
|
||||
<div class="switch_item">Outfit</div>
|
||||
<div class="switch_item">Category</div>
|
||||
<div :class="[
|
||||
'switch_white_button',
|
||||
switch_open
|
||||
? 'switch_open_button'
|
||||
: '',
|
||||
]">
|
||||
{{
|
||||
switch_open ? "Category" : "Outfit"
|
||||
}}
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="select_block" v-show="!switch_open">
|
||||
<a-select ref="select" v-model:value="designType" :options="disignTypeList">
|
||||
<template #suffixIcon><span class="icon iconfont icon-xiala"
|
||||
style="color: #343579"></span></template>
|
||||
</a-select>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="right_top_right">
|
||||
<div class="content_header_button" @click="selectModels()">
|
||||
<span class="content_header_button_des">Mannequins</span><span
|
||||
class="icon iconfont icon-xiala"></span>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
<div class="right_content_block">
|
||||
@@ -250,34 +212,9 @@ export default defineComponent({
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
system_scale_value: 30,
|
||||
switch_open: true,
|
||||
designType: "Outwear",
|
||||
isHaveReviewCollection: false,
|
||||
isFinishLoading: false,
|
||||
isShowMark: false, //导出的loading蒙层
|
||||
disignTypeList: [
|
||||
{
|
||||
value: "Outwear",
|
||||
label: "Outwear",
|
||||
},
|
||||
{
|
||||
value: "Blouse",
|
||||
label: "Blouse",
|
||||
},
|
||||
{
|
||||
value: "Dress",
|
||||
label: "Dress",
|
||||
},
|
||||
{
|
||||
value: "Trousers",
|
||||
label: "Trousers",
|
||||
},
|
||||
{
|
||||
value: "Skirt",
|
||||
label: "Skirt",
|
||||
},
|
||||
],
|
||||
indicator: h(LoadingOutlined, {
|
||||
style: {
|
||||
fontSize: "4.8rem",
|
||||
@@ -316,9 +253,7 @@ export default defineComponent({
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
change_switch() {
|
||||
this.switch_open = !this.switch_open;
|
||||
},
|
||||
|
||||
|
||||
formatter(value: number) {
|
||||
return `${value}%`;
|
||||
@@ -346,7 +281,7 @@ export default defineComponent({
|
||||
.then((res) => {
|
||||
_this.store.commit("setAllBoardData");
|
||||
_this.isHaveReviewCollection = true;
|
||||
_this.isFinishLoading = true;
|
||||
_this.isFinishLoading = false;
|
||||
})
|
||||
.catch((res) => {
|
||||
_this.isFinishLoading = false;
|
||||
@@ -394,8 +329,6 @@ export default defineComponent({
|
||||
designNewCollection() {
|
||||
let { colorBoards } =
|
||||
this.store.state.UploadFilesModule.allBoardData;
|
||||
// console.log(colorBoards);
|
||||
|
||||
if (!colorBoards || colorBoards?.length < 1) {
|
||||
message.error(
|
||||
"You must choose one or more colors for further process."
|
||||
@@ -403,9 +336,14 @@ export default defineComponent({
|
||||
return;
|
||||
}
|
||||
let data = this.getDesignData("");
|
||||
console.log(data);
|
||||
|
||||
Https.axiosPost(Https.httpUrls.designCollection, data)
|
||||
|
||||
.then((rv: any) => {
|
||||
if (rv) {
|
||||
console.log(rv);
|
||||
|
||||
this.store.commit(
|
||||
"setDesignCollectionList",
|
||||
rv.designCollectionItems
|
||||
@@ -457,31 +395,33 @@ export default defineComponent({
|
||||
});
|
||||
this.getDesignProcess();
|
||||
},
|
||||
|
||||
|
||||
getDesignData(designCollectionId: any) {
|
||||
let {
|
||||
moodboardFiles,
|
||||
printboardFiles,
|
||||
disposeMoodboard,
|
||||
// generatePrintFiles,
|
||||
colorBoards,
|
||||
sketchboardFiles,
|
||||
marketingSketchFiles,
|
||||
moodTemplateId,
|
||||
} = this.store.state.UploadFilesModule.allBoardData;
|
||||
// let new_printboardFiles =
|
||||
// printboardFiles.concat(generatePrintFiles);
|
||||
// console.log(this.store.state.UploadFilesModule.allBoardData);
|
||||
let workspace = this.store.state.Workspace.workspace
|
||||
let data: any = {
|
||||
colorBoards: this.getColorBoard(colorBoards),
|
||||
marketingSketchs: this.getBoardId(marketingSketchFiles),
|
||||
// marketingSketchs: this.getBoardId(marketingSketchFiles),
|
||||
moodBoards: this.getBoardId(moodboardFiles),
|
||||
printBoards: this.getPrintId(printboardFiles),
|
||||
// printBoards: this.getPrintId(new_printboardFiles),
|
||||
sketchBoards: this.getSkecthBoard(sketchboardFiles),
|
||||
switchCategory: !this.switch_open ? this.designType : "",
|
||||
singleOverall: !this.switch_open ? "single" : "overall",
|
||||
systemScale: this.system_scale_value / 100,
|
||||
|
||||
switchCategory: workspace.soverallSingle ? workspace.position : "",
|
||||
singleOverall: workspace.soverallSingle ? "single" : "overall",
|
||||
systemScale: workspace.systemDesignerPercentage,
|
||||
templateId: this.templateId,
|
||||
moodTemplateId: moodTemplateId ? String(moodTemplateId) : null,
|
||||
moodTemplateId: disposeMoodboard[0] ? String(disposeMoodboard[0].id) : null,
|
||||
timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
|
||||
};
|
||||
if (designCollectionId) {
|
||||
@@ -507,6 +447,8 @@ export default defineComponent({
|
||||
},
|
||||
|
||||
getBoardId(boardData: any) {
|
||||
console.log(boardData);
|
||||
|
||||
let dataList = boardData.map((v: any) => {
|
||||
let data: any = {
|
||||
id: v.resData.id,
|
||||
@@ -733,8 +675,6 @@ export default defineComponent({
|
||||
let blob: any = dataURLtoBlob(
|
||||
canvas.toDataURL("image/png")
|
||||
);
|
||||
// console.log(blob);
|
||||
|
||||
let allBoardData: any =
|
||||
this.store.state.UploadFilesModule.allBoardData;
|
||||
let index = 0;
|
||||
@@ -777,6 +717,7 @@ export default defineComponent({
|
||||
collectionList: any,
|
||||
type: string
|
||||
) {
|
||||
|
||||
let designDetail: any = this.$refs.designDetail;
|
||||
let data = {
|
||||
design: design,
|
||||
@@ -987,124 +928,6 @@ export default defineComponent({
|
||||
.button_margin_14 {
|
||||
margin-left: 1.4rem;
|
||||
}
|
||||
|
||||
.system_scale {
|
||||
margin-left: 7rem;
|
||||
width: 12rem;
|
||||
position: relative;
|
||||
|
||||
.system_scale_title {
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
color: #030303;
|
||||
}
|
||||
|
||||
.system_silder {
|
||||
margin-top: 0.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
|
||||
.system_silder_value {
|
||||
font-size: 1.3rem;
|
||||
color: #030303;
|
||||
margin-left: 0.9rem;
|
||||
}
|
||||
}
|
||||
|
||||
.sacle_left_tip {
|
||||
position: absolute;
|
||||
left: -2rem;
|
||||
bottom: -3.8rem;
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.4rem;
|
||||
color: #030303;
|
||||
}
|
||||
|
||||
.sacle_right_tip {
|
||||
position: absolute;
|
||||
right: -2rem;
|
||||
bottom: -3.8rem;
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.4rem;
|
||||
color: #030303;
|
||||
}
|
||||
}
|
||||
|
||||
.switch_component_block {
|
||||
width: 14rem;
|
||||
height: 4rem;
|
||||
background: #343579;
|
||||
border: 1px solid #141533;
|
||||
padding: 0.4rem 0.6rem;
|
||||
margin-left: 7rem;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
|
||||
.switch_item {
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
line-height: 3rem;
|
||||
font-size: 1.2rem;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.switch_white_button {
|
||||
position: absolute;
|
||||
width: calc(50% - 0.6rem);
|
||||
height: 3rem;
|
||||
left: 0.6rem;
|
||||
top: 0.4rem;
|
||||
background: #ffffff;
|
||||
transition-duration: 0.5s;
|
||||
line-height: 3rem;
|
||||
font-size: 1.2rem;
|
||||
text-align: center;
|
||||
color: #030303;
|
||||
|
||||
&.switch_open_button {
|
||||
left: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.select_block {
|
||||
margin-left: 2rem;
|
||||
|
||||
.icon-xiala {
|
||||
color: #1a1a1a !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.right_top_right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.content_header_button {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 4rem;
|
||||
border: 1px solid #000000;
|
||||
padding: 0 1.2rem 0 0.8rem;
|
||||
font-size: 1.3rem;
|
||||
color: #1a1a1a;
|
||||
cursor: pointer;
|
||||
|
||||
.content_header_button_des {
|
||||
margin-right: 1rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.icon-xiala {
|
||||
transform: rotate(-90deg);
|
||||
color: #1a1a1a;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -139,9 +139,9 @@
|
||||
</div>
|
||||
|
||||
<!-- 邮箱登录 end -->
|
||||
<div class="login_content_right">
|
||||
<!-- <div class="login_content_right">
|
||||
<img src="https://www.aida.com.hk/download/aida_V2_images/image/login-right-image.jpg" alt="">
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
<!-- 忘记密码 start -->
|
||||
@@ -265,6 +265,7 @@ export default defineComponent({
|
||||
time: 60, //60秒倒计时
|
||||
passwordType:'password',
|
||||
userId:'',
|
||||
loginTime:true
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
@@ -399,9 +400,8 @@ export default defineComponent({
|
||||
};
|
||||
// this.loginType = 'email'
|
||||
// this.emailStap = 2;
|
||||
let loginTime = true
|
||||
if(loginTime){
|
||||
loginTime = false
|
||||
if(this.loginTime){
|
||||
this.loginTime = false
|
||||
Https.axiosPost(Https.httpUrls.preLogin, data).then(
|
||||
(rv: any) => {
|
||||
// if (rv) {
|
||||
@@ -418,9 +418,10 @@ export default defineComponent({
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
setTimeout(() => {
|
||||
loginTime = true
|
||||
}, 1000);
|
||||
this.loginTime = true
|
||||
}, 2000);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user