fix
This commit is contained in:
X1627315083
@@ -82,120 +82,6 @@ export default defineComponent({
|
||||
},
|
||||
],
|
||||
worksList: [
|
||||
{
|
||||
designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/2.png',
|
||||
text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
|
||||
name:'bbb',
|
||||
lookNum:'999',
|
||||
likeNum:'123',
|
||||
like: true,
|
||||
},
|
||||
{
|
||||
designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
|
||||
text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
|
||||
name:'aaa',
|
||||
lookNum:'213',
|
||||
likeNum:'123',
|
||||
like: false,
|
||||
},{
|
||||
designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
|
||||
text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
|
||||
name:'aaa',
|
||||
lookNum:'213',
|
||||
likeNum:'123',
|
||||
like: false,
|
||||
},{
|
||||
designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
|
||||
text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
|
||||
name:'aaa',
|
||||
lookNum:'213',
|
||||
likeNum:'123',
|
||||
like: false,
|
||||
},{
|
||||
designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/2.png',
|
||||
text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
|
||||
name:'aaa',
|
||||
lookNum:'213',
|
||||
likeNum:'123',
|
||||
like: false,
|
||||
},{
|
||||
designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/2.png',
|
||||
text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
|
||||
name:'bbb',
|
||||
lookNum:'999',
|
||||
likeNum:'123',
|
||||
like: true,
|
||||
},{
|
||||
designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/11.png',
|
||||
text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
|
||||
name:'bbb',
|
||||
lookNum:'999',
|
||||
likeNum:'123',
|
||||
like: true,
|
||||
},{
|
||||
designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
|
||||
text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
|
||||
name:'aaa',
|
||||
lookNum:'213',
|
||||
likeNum:'123',
|
||||
like: false,
|
||||
},{
|
||||
designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
|
||||
text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
|
||||
name:'aaa',
|
||||
lookNum:'213',
|
||||
likeNum:'123',
|
||||
like: false,
|
||||
},{
|
||||
designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
|
||||
text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
|
||||
name:'aaa',
|
||||
lookNum:'213',
|
||||
likeNum:'123',
|
||||
like: false,
|
||||
},{
|
||||
designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
|
||||
text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
|
||||
name:'aaa',
|
||||
lookNum:'213',
|
||||
likeNum:'123',
|
||||
like: false,
|
||||
},{
|
||||
designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
|
||||
text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
|
||||
name:'aaa',
|
||||
lookNum:'213',
|
||||
likeNum:'123',
|
||||
like: false,
|
||||
},{
|
||||
designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
|
||||
text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
|
||||
name:'aaa',
|
||||
lookNum:'213',
|
||||
likeNum:'123',
|
||||
like: false,
|
||||
},{
|
||||
designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
|
||||
text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
|
||||
name:'aaa',
|
||||
lookNum:'213',
|
||||
likeNum:'123',
|
||||
like: false,
|
||||
},{
|
||||
designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/1.png',
|
||||
text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
|
||||
name:'aaa',
|
||||
lookNum:'213',
|
||||
likeNum:'123',
|
||||
like: false,
|
||||
},{
|
||||
designPythonOutfitUrl: 'http://121.40.53.210:3000/falls/5.png',
|
||||
text:'ak jsdlasfj ;ljaf;lks j;lsfjl;askdfj l;kajg; lkjsdf;lgk jskl;gf jskl;',
|
||||
name:'aaa',
|
||||
lookNum:'213',
|
||||
likeNum:'123',
|
||||
like: false,
|
||||
}
|
||||
],
|
||||
getListDate:{
|
||||
"getLikePortfolio": 0,
|
||||
@@ -235,15 +121,13 @@ export default defineComponent({
|
||||
let fall:any = ref()
|
||||
let setWorksSelect = (val:any) => {
|
||||
filter.worksSelect = val.value
|
||||
filter.getListDate.getLikePortfolio = 0
|
||||
filter.getListDate.getMyPortfolio = 0
|
||||
if(val.value == 'all'){
|
||||
filter.getListDate.getLikePortfolio = 0
|
||||
filter.getListDate.getMyPortfolio = 0
|
||||
}else if(val.value == 'favoriteWorks'){
|
||||
filter.getListDate.getLikePortfolio = 1
|
||||
filter.getListDate.getMyPortfolio = 0
|
||||
}else if(val.value == 'myWorks'){
|
||||
filter.getListDate.getMyPortfolio = 1
|
||||
filter.getListDate.getLikePortfolio = 0
|
||||
}
|
||||
filter.getListDate.page = 0
|
||||
fall.value.clearData()
|
||||
@@ -263,13 +147,15 @@ export default defineComponent({
|
||||
.then((rv) => {
|
||||
if (rv.content.length > 0) {
|
||||
filter.isShowMark = false
|
||||
fall.value.push(rv.content);
|
||||
fall.value.push(rv.content);
|
||||
} else {
|
||||
filter.isNoData = true
|
||||
}
|
||||
// filter.worksList = rv.content
|
||||
})
|
||||
.catch((rv) => {});
|
||||
.catch((rv) => {
|
||||
filter.isShowMark = false
|
||||
});
|
||||
|
||||
// setTimeout(() => {
|
||||
// filter.isShowMark = false
|
||||
@@ -290,6 +176,8 @@ export default defineComponent({
|
||||
// });
|
||||
}
|
||||
onMounted (()=>{
|
||||
filter.isShowMark = false
|
||||
filter.isNoData = false
|
||||
getPorfolio()
|
||||
let worksPage:any = document.querySelector('.works_page')
|
||||
let imgParent:any = document.querySelector('.page_loading')
|
||||
|
||||
@@ -229,7 +229,7 @@
|
||||
<template #content>
|
||||
<p>Seed</p>
|
||||
</template>
|
||||
<input class="search_seed" v-show="selectCode == 'Printboard' && scene?.value == 'Logo'" @input="ifSeedValue" v-model="searchPictureSeed" type="Number" placeholder='Seed' min="0">
|
||||
<input class="search_seed" max="9999" v-show="selectCode == 'Printboard' && scene?.value == 'Logo'" @input="ifSeedValue" v-model="searchPictureSeed" type="Number" placeholder='Seed' min="0">
|
||||
</a-popover>
|
||||
<input
|
||||
class="search_input "
|
||||
@@ -283,10 +283,10 @@
|
||||
</div>
|
||||
<span class="inputShowText" ref="inputShowText"></span>
|
||||
</div>
|
||||
<div class="search_keyword" v-show="isInputFocus" @click.stop="">
|
||||
<div class="search_keyword" v-if="workspace?.allKeywordsByStyle" v-show="isInputFocus" @click.stop="">
|
||||
<div class="search_keyword_center">
|
||||
<div class="search_keyword_center_left">
|
||||
<div v-for="item in workspace?.keyWord?.[selectCode]" @click.stop="cliSetKeyword(item.name)" class="search_keyword_center_item"> {{item.name}} </div>
|
||||
<div v-for="item in workspace?.allKeywordsByStyle?.[selectCode]" @click.stop="cliSetKeyword(item)" class="search_keyword_center_item"> {{item}} </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -405,10 +405,7 @@ export default defineComponent({
|
||||
name:'',
|
||||
value:''
|
||||
})
|
||||
let sex:any = ref({
|
||||
label:'',
|
||||
value:''
|
||||
})
|
||||
let sex:any = ref('')
|
||||
const sexList:any = ref([])
|
||||
const printType = computed(() => {
|
||||
return store.state.UserHabit.printType;
|
||||
@@ -577,7 +574,7 @@ export default defineComponent({
|
||||
},
|
||||
watch:{
|
||||
sex(newVal,oldVal){
|
||||
this.upload.gender = newVal.value
|
||||
this.upload.gender = newVal
|
||||
},
|
||||
searchPictureName(newVal,oldVal){
|
||||
// clearTimeout(this.getLibraryListInputTime)
|
||||
@@ -615,7 +612,7 @@ export default defineComponent({
|
||||
})
|
||||
});
|
||||
|
||||
this.sex = arr[0]
|
||||
this.sex = arr[0].value
|
||||
this.sexList = arr
|
||||
this.getPosition()
|
||||
}
|
||||
@@ -628,7 +625,7 @@ export default defineComponent({
|
||||
// }else{
|
||||
// params = 'MalePosition'
|
||||
// }
|
||||
this.store.commit('setPosition',this.sex.value)
|
||||
this.store.commit('setPosition',this.sex)
|
||||
this.designType = this.designTypeList.Sketchboard[0].value
|
||||
|
||||
// await Https.axiosGet(Https.httpUrls.workspaceenumValues,{params:{enumName:params}}).then((rv: any) => {
|
||||
@@ -657,7 +654,7 @@ export default defineComponent({
|
||||
generateDetailId:item.id,
|
||||
level1Type:this.selectCode,
|
||||
level2Type: designType,
|
||||
gender:this.sex.value,
|
||||
gender:this.sex,
|
||||
timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
|
||||
}
|
||||
Https.axiosPost(Https.httpUrls.generateLike, data).then(
|
||||
@@ -959,7 +956,7 @@ export default defineComponent({
|
||||
file:event.file,
|
||||
level1Type:this.selectCode,
|
||||
level2Type:designType,
|
||||
sex:this.selectCode == 'Sketchboard' ? this.sex.value:'',
|
||||
sex:this.selectCode == 'Sketchboard' ? this.sex:'',
|
||||
modelType:'',
|
||||
checkMd5:1,
|
||||
timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
|
||||
@@ -1031,7 +1028,7 @@ export default defineComponent({
|
||||
level1Type:this.selectCode,
|
||||
level2Type:designType,
|
||||
page:1,
|
||||
modelSex:this.sex.value?this.sex.value:'',
|
||||
modelSex:this.sex?this.sex:'',
|
||||
pictureName:this.searchPictureName,
|
||||
size:this.pageSize,
|
||||
intersection:this.intersection,
|
||||
@@ -1195,6 +1192,7 @@ export default defineComponent({
|
||||
}
|
||||
},
|
||||
getgenerate(){
|
||||
this.isInputFocus = false
|
||||
this.isTextarea = false
|
||||
let selectCodeStr = JSON.parse(JSON.stringify(this.selectCode))
|
||||
if(this.isGenerate[selectCodeStr]){
|
||||
@@ -1207,17 +1205,31 @@ export default defineComponent({
|
||||
let collectionElementId = ''
|
||||
let base64 = ''
|
||||
if(this.selectGenerateList?.[0]){
|
||||
level2Type = this.selectGenerateList[0].categoryValue?this.selectGenerateList[0].categoryValue:''
|
||||
collectionElementId = this.selectGenerateList[0].id
|
||||
if(this.selectGenerateList[0].base64){
|
||||
base64 = this.selectGenerateList[0].imgUrl
|
||||
}
|
||||
}
|
||||
|
||||
let sloganType = ['Blue and Yellow Starry Night','Green Cthulhu','Red and yellow fire style','Cyberpunk style','City skyline buildings','Red maple leaves','Golden Sunflower','Emerald Jungle Canopy','Pink Sakura Blossom']
|
||||
let sloganText = ''
|
||||
let arr = ["Painting Style","Illustration Style","Real Style"]
|
||||
sloganText = this.captionGeneration
|
||||
if(this.selectCode == "Sketchboard"){
|
||||
level2Type = this.selectGenerateList?.[0]?.categoryValue?this.selectGenerateList[0].categoryValue:''
|
||||
}else if(this.selectCode == "Printboard"){
|
||||
level2Type = this.scene?.value
|
||||
if(level2Type == 'Slogan' && this.captionGeneration == ''){
|
||||
var randomNumber = Math.floor(Math.random() * sloganType.length);
|
||||
sloganText = sloganType[randomNumber]
|
||||
}else if(level2Type == 'Pattern'){
|
||||
sloganText = `${arr[this.printModel.num-1]},${sloganText}`
|
||||
}
|
||||
if(!base64 && level2Type == 'Slogan'){
|
||||
message.info('请绘制Slogan');
|
||||
return
|
||||
}
|
||||
}
|
||||
let arr = ["Painting Style","Illustration Style","Real Style"]
|
||||
let data = {
|
||||
generateType:'text',
|
||||
designType:'collection',
|
||||
@@ -1226,11 +1238,11 @@ export default defineComponent({
|
||||
level2Type:level2Type,
|
||||
userId:(this?.userInfo as any).userId,
|
||||
isTestUser:this.driver__.driver?false:this.isTest,
|
||||
text:selectCodeStr == 'Printboard'?`${arr[this.printModel.num-1]},${this.captionGeneration}`:this.captionGeneration,
|
||||
text:sloganText,
|
||||
seed:this.searchPictureSeed,
|
||||
timeZone:Intl.DateTimeFormat().resolvedOptions().timeZone,
|
||||
version:1,//为1就是Print
|
||||
gender:selectCodeStr == 'Sketchboard'?this.sex.value:'',
|
||||
gender:selectCodeStr == 'Sketchboard'?this.sex:'',
|
||||
sloganBase64:base64,
|
||||
}
|
||||
this.isGenerate[selectCodeStr] = true
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<main id="main">
|
||||
<h1 id="title">AiDA 3.0 Feedback Survey</h1>
|
||||
<p id="description">Please take the survey</p>
|
||||
<form id="survey-form">
|
||||
<div id="survey-form">
|
||||
<h2 class="section-title">Personal Information</h2>
|
||||
<div class="section w40">
|
||||
<label for="name"
|
||||
@@ -19,17 +19,22 @@
|
||||
<label for="gender"
|
||||
>Gender:<span class="fontColor">*</span></label
|
||||
>
|
||||
<input
|
||||
<select name="dropdown" id="dropdown" v-model="gender">
|
||||
<option selected value='Female'>Female</option>
|
||||
<option value='Male'>Male</option>
|
||||
</select>
|
||||
<!-- <input
|
||||
type="text"
|
||||
v-model="gender"
|
||||
placeholder="Enter your gender"
|
||||
required
|
||||
/>
|
||||
/> -->
|
||||
</div>
|
||||
<div class="section w40">
|
||||
<label for="occupation"
|
||||
>Occupation:<span class="fontColor">*</span></label
|
||||
>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
v-model="occupation"
|
||||
@@ -76,12 +81,12 @@
|
||||
value="below20"
|
||||
name="age"
|
||||
v-model="age"
|
||||
checked
|
||||
|
||||
/>
|
||||
Below 20
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" value="20-30" v-model="age" name="age" />
|
||||
<input checked type="radio" value="20-30" v-model="age" name="age" />
|
||||
20-30
|
||||
</label>
|
||||
<label>
|
||||
@@ -128,7 +133,7 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="red"
|
||||
value="1"
|
||||
v-model="helpful"
|
||||
/>
|
||||
Easy to learn and use
|
||||
@@ -137,7 +142,7 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="green"
|
||||
value="2"
|
||||
v-model="helpful"
|
||||
/>
|
||||
Easy to get trend information
|
||||
@@ -146,7 +151,7 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="3"
|
||||
v-model="helpful"
|
||||
/>
|
||||
Lots of creative design proposals
|
||||
@@ -155,7 +160,7 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="4"
|
||||
v-model="helpful"
|
||||
/>
|
||||
The AIGC functions for moodboard is helpful
|
||||
@@ -164,7 +169,7 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="5"
|
||||
v-model="helpful"
|
||||
/>
|
||||
The AIGC functions for design sketches is helpful
|
||||
@@ -173,7 +178,7 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="6"
|
||||
v-model="helpful"
|
||||
/>
|
||||
Easy to select the right color
|
||||
@@ -182,7 +187,7 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="7"
|
||||
v-model="helpful"
|
||||
/>
|
||||
The Chatbot function is helpful
|
||||
@@ -191,7 +196,7 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="8"
|
||||
v-model="helpful"
|
||||
/>
|
||||
The print position function is helpful
|
||||
@@ -200,7 +205,7 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="9"
|
||||
v-model="helpful"
|
||||
/>
|
||||
The drawing function is helpful
|
||||
@@ -209,7 +214,7 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="10"
|
||||
v-model="helpful"
|
||||
/>
|
||||
The export function is useful
|
||||
@@ -218,7 +223,7 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="11"
|
||||
v-model="helpful"
|
||||
/>
|
||||
Easy to edit the design
|
||||
@@ -227,8 +232,8 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
class="marTop1"
|
||||
:value="othersHelpful"
|
||||
v-model="helpful"
|
||||
/>
|
||||
<span> Others:</span>
|
||||
@@ -236,20 +241,21 @@
|
||||
name="comments"
|
||||
id="text-area"
|
||||
placeholder="Please enter..."
|
||||
v-model="helpful"
|
||||
v-model="othersHelpful"
|
||||
></textarea>
|
||||
</label>
|
||||
</div>
|
||||
<div class="section">
|
||||
<p>
|
||||
What do you think AiDA should improve? (you could choose
|
||||
2. What do you think AiDA should improve? (you could choose
|
||||
more than one answer):<span class="fontColor">*</span>
|
||||
</p>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="1"
|
||||
v-model="improve"
|
||||
/>
|
||||
Proposed designs are boring, need more interesting
|
||||
designs
|
||||
@@ -258,7 +264,8 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="2"
|
||||
v-model="improve"
|
||||
/>
|
||||
Difficult to make changes on design
|
||||
</label>
|
||||
@@ -266,7 +273,8 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="3"
|
||||
v-model="improve"
|
||||
/>
|
||||
Only 2D output, no 3D results
|
||||
</label>
|
||||
@@ -274,7 +282,8 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="4"
|
||||
v-model="improve"
|
||||
/>
|
||||
Difficult to apply keywords for AIGC generation
|
||||
</label>
|
||||
@@ -282,7 +291,8 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="5"
|
||||
v-model="improve"
|
||||
/>
|
||||
Clothing is not in the right proportion
|
||||
</label>
|
||||
@@ -290,7 +300,8 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="6"
|
||||
v-model="improve"
|
||||
/>
|
||||
Not compatible with pattern making solutions
|
||||
</label>
|
||||
@@ -298,7 +309,8 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="7"
|
||||
v-model="improve"
|
||||
/>
|
||||
Improved user interface for better navigation
|
||||
</label>
|
||||
@@ -306,7 +318,8 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="8"
|
||||
v-model="improve"
|
||||
/>
|
||||
Lack of responsive customer support
|
||||
</label>
|
||||
@@ -314,7 +327,8 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="9"
|
||||
v-model="improve"
|
||||
/>
|
||||
Insufficient tutorial or guidance for new users
|
||||
</label>
|
||||
@@ -322,7 +336,8 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
value="10"
|
||||
v-model="improve"
|
||||
/>
|
||||
Limited personalization options for designs
|
||||
</label>
|
||||
@@ -330,8 +345,9 @@
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
:value="othersImprovel"
|
||||
class="marTop1"
|
||||
v-model="improve"
|
||||
/>
|
||||
<span> Others:</span>
|
||||
<!-- <input
|
||||
@@ -341,6 +357,7 @@
|
||||
<textarea
|
||||
name="comments"
|
||||
id="text-area"
|
||||
:value="othersImprovel"
|
||||
placeholder="Please enter..."
|
||||
></textarea>
|
||||
</label>
|
||||
@@ -351,81 +368,91 @@
|
||||
<input
|
||||
type="radio"
|
||||
value="yes"
|
||||
v-model="isSubscribe"
|
||||
name="radio-question"
|
||||
checked
|
||||
/>
|
||||
Yes
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" value="no" name="radio-question" />
|
||||
<input v-model="isSubscribe" type="radio" value="no" name="radio-question" />
|
||||
No
|
||||
</label>
|
||||
</div>
|
||||
<div class="section">
|
||||
<p>If NO, please share why:</p>
|
||||
<div class="section" v-show="isSubscribe == 'no'">
|
||||
<p>If NO, please share why:<span class="fontColor">*</span></p>
|
||||
<label>
|
||||
<input
|
||||
type="radio"
|
||||
value="yes"
|
||||
name="radio-question"
|
||||
checked
|
||||
type="checkbox"
|
||||
value="Not useful"
|
||||
name="reasonForNotSubscribe"
|
||||
v-model="reasonForNotSubscribe"
|
||||
/>
|
||||
Not useful
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" value="no" name="radio-question" />
|
||||
<input type="checkbox" value="Too expensive" v-model="reasonForNotSubscribe" name="reasonForNotSubscribe" />
|
||||
Too expensive
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="blue"
|
||||
name="reasonForNotSubscribe"
|
||||
:value="othersIsSubscribeCause"
|
||||
v-model="reasonForNotSubscribe"
|
||||
class="marTop1"
|
||||
/>
|
||||
<span> Others:</span>
|
||||
<textarea
|
||||
name="comments"
|
||||
id="text-area"
|
||||
v-model="othersIsSubscribeCause"
|
||||
placeholder="Please enter..."
|
||||
></textarea>
|
||||
</label>
|
||||
</div>
|
||||
<div class="section">
|
||||
<p>
|
||||
3. Are you currently using any design tools? Please
|
||||
Are you currently using any design tools? Please
|
||||
list:
|
||||
</p>
|
||||
<textarea
|
||||
name="comments"
|
||||
id="text-area"
|
||||
v-model="designTools"
|
||||
placeholder="Please enter..."
|
||||
></textarea>
|
||||
</div>
|
||||
<div class="section">
|
||||
<button id="submit" @click="setSubmit">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { defineComponent, toRefs, reactive } from "vue";
|
||||
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
|
||||
import { Modal,message } from 'ant-design-vue';
|
||||
import { Https } from "@/tool/https";
|
||||
import { defineComponent, toRefs,ref, reactive, createVNode } from "vue";
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
const feedbackData = reactive({
|
||||
const feedbackData:any = reactive({
|
||||
userName:'',
|
||||
gender:'',
|
||||
gender:'Female',
|
||||
occupation:'',
|
||||
country:'',
|
||||
email:'',
|
||||
age:'',
|
||||
helpful:'',
|
||||
improve:'',
|
||||
age:'20-30',
|
||||
helpful:[],
|
||||
improve:[],
|
||||
isSubscribe:'',
|
||||
reasonForNotSubscribe:[],
|
||||
designTools:'',
|
||||
});
|
||||
let othersHelpful = ref('')
|
||||
let othersImprovel = ref('')
|
||||
let othersIsSubscribeCause = ref()
|
||||
let CountryList = [
|
||||
"Albania",
|
||||
"Algeria",
|
||||
@@ -594,10 +621,63 @@ export default defineComponent({
|
||||
"Zambia"
|
||||
]
|
||||
let setSubmit = () => {
|
||||
console.log(feedbackData);
|
||||
let state = false
|
||||
let skipList = ['designTools','reasonForNotSubscribe']
|
||||
for (const key in feedbackData) {
|
||||
|
||||
if(skipList.indexOf(key) > -1){
|
||||
continue
|
||||
}
|
||||
let keyList = ['helpful','improve']
|
||||
if(keyList.indexOf(key) > -1){
|
||||
if(feedbackData[key].length == 0){
|
||||
state = true
|
||||
break
|
||||
}
|
||||
}else if(feedbackData.isSubscribe == 'no' && feedbackData.reasonForNotSubscribe.length){
|
||||
state = true
|
||||
break
|
||||
}else{
|
||||
if(feedbackData[key] == ''){
|
||||
state = true
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if(state){
|
||||
message.info('Please check that all the * numbers have been filled in')
|
||||
return
|
||||
}
|
||||
let _this = this
|
||||
Modal.confirm({
|
||||
title: `Please confirm your email address to ensure it is correct. ${feedbackData.email}`,
|
||||
icon: createVNode(ExclamationCircleOutlined),
|
||||
okText: 'Yes',
|
||||
cancelText: 'No',
|
||||
mask:false,
|
||||
centered:true,
|
||||
onOk() {
|
||||
feedbackData.language = 'EN'
|
||||
submit(JSON.stringify(feedbackData))
|
||||
}
|
||||
});
|
||||
};
|
||||
let submit = (value:any)=>{
|
||||
Https.axiosPost(Https.httpUrls.questionnaire, value).then(
|
||||
(rv) => {
|
||||
console.log(rv);
|
||||
|
||||
}
|
||||
).catch(res=>{
|
||||
});
|
||||
}
|
||||
return {
|
||||
...toRefs(feedbackData),
|
||||
othersHelpful,
|
||||
othersImprovel,
|
||||
othersIsSubscribeCause,
|
||||
CountryList,
|
||||
setSubmit,
|
||||
};
|
||||
@@ -638,7 +718,7 @@ export default defineComponent({
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
form {
|
||||
#survey-form {
|
||||
position: relative;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
width: 60%;
|
||||
@@ -698,7 +778,9 @@ export default defineComponent({
|
||||
#dropdown:focus {
|
||||
border: 2px solid rgb(173, 173, 173);
|
||||
}
|
||||
|
||||
input,select{
|
||||
height: 40px;
|
||||
}
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
|
||||
847
src/views/feedbackSurveyCN.vue
Normal file
847
src/views/feedbackSurveyCN.vue
Normal file
@@ -0,0 +1,847 @@
|
||||
<template>
|
||||
<div class="feedbackSurvey">
|
||||
<main id="main">
|
||||
<h1 id="title">AiDA 3.0 调查问卷</h1>
|
||||
<p id="description">请填写调查问卷表</p>
|
||||
<div id="survey-form">
|
||||
<h2 class="section-title">参与者信息</h2>
|
||||
<div class="section w40">
|
||||
<label for="name"
|
||||
>姓名:<span class="fontColor">*</span></label
|
||||
>
|
||||
<input
|
||||
type="text"
|
||||
v-model="userName"
|
||||
placeholder="请输入您的名字"
|
||||
/>
|
||||
</div>
|
||||
<div class="section w40">
|
||||
<label for="gender"
|
||||
>性别:<span class="fontColor">*</span></label
|
||||
>
|
||||
<select name="dropdown" id="dropdown" v-model="gender">
|
||||
<option selected value='Female'>男性</option>
|
||||
<option value='Male'>女性</option>
|
||||
</select>
|
||||
<!-- <input
|
||||
type="text"
|
||||
v-model="gender"
|
||||
placeholder="Enter your gender"
|
||||
required
|
||||
/> -->
|
||||
</div>
|
||||
<div class="section w40">
|
||||
<label for="occupation"
|
||||
>职业:<span class="fontColor">*</span></label
|
||||
>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
v-model="occupation"
|
||||
placeholder="请输入您的职业"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<!-- <div class="section w40">
|
||||
<label for="country"
|
||||
>Country of Origin:<span class="fontColor" >*</span
|
||||
></label
|
||||
>
|
||||
<input
|
||||
type="text"
|
||||
id="country"
|
||||
name="country"
|
||||
placeholder="Enter your country of origin"
|
||||
required
|
||||
/>
|
||||
</div> -->
|
||||
<div class="section w40">
|
||||
<label for="dropdown">国籍:<span class="fontColor" >*</span></label>
|
||||
<select name="dropdown" id="dropdown" v-model="country" required>
|
||||
<option disabled selected value> 请选择 </option>
|
||||
<option v-for="item in CountryList" :key="item" :value="item">{{ item }}</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="section">
|
||||
<label for="email"
|
||||
>邮箱:<span class="fontColor">*</span></label
|
||||
>
|
||||
<input
|
||||
type="email"
|
||||
v-model="email"
|
||||
placeholder="请输入您的邮箱"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div class="section">
|
||||
<p>年龄:<span class="fontColor">*</span></p>
|
||||
<label>
|
||||
<input
|
||||
type="radio"
|
||||
value="below20"
|
||||
name="age"
|
||||
v-model="age"
|
||||
|
||||
/>
|
||||
20岁以下
|
||||
</label>
|
||||
<label>
|
||||
<input checked type="radio" value="20-30" v-model="age" name="age" />
|
||||
20-30岁
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" value="30-40" v-model="age" name="age" />
|
||||
30-40岁
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" value="40+" v-model="age" name="age" />
|
||||
40+岁
|
||||
</label>
|
||||
</div>
|
||||
<h2 class="section-title">调查问题</h2>
|
||||
|
||||
<!-- <div class="section">
|
||||
<p>Do you like this survey?</p>
|
||||
<label>
|
||||
<input
|
||||
type="radio"
|
||||
value="yes"
|
||||
name="radio-question"
|
||||
checked
|
||||
/>
|
||||
Yes
|
||||
</label>
|
||||
<label>
|
||||
<input type="radio" value="no" name="radio-question" />
|
||||
No
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="radio"
|
||||
value="maybe"
|
||||
name="radio-question"
|
||||
/>
|
||||
Maybe
|
||||
</label>
|
||||
</div> -->
|
||||
<div class="section">
|
||||
<p>
|
||||
1. AiDA对您有哪些帮助？（您可以选择多个答案）：<span class="fontColor">*</span>
|
||||
</p>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="1"
|
||||
v-model="helpful"
|
||||
/>
|
||||
易于学习和使用
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="2"
|
||||
v-model="helpful"
|
||||
/>
|
||||
容易获取趋势信息
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="3"
|
||||
v-model="helpful"
|
||||
/>
|
||||
提供大量创意设计方案
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="4"
|
||||
v-model="helpful"
|
||||
/>
|
||||
AIGC功能对灵感板有帮助
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="5"
|
||||
v-model="helpful"
|
||||
/>
|
||||
AIGC功能对设计草图有帮助
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="6"
|
||||
v-model="helpful"
|
||||
/>
|
||||
容易选择合适的颜色
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="7"
|
||||
v-model="helpful"
|
||||
/>
|
||||
聊天机器人功能有帮助
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="8"
|
||||
v-model="helpful"
|
||||
/>
|
||||
打印位置功能有帮助
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="9"
|
||||
v-model="helpful"
|
||||
/>
|
||||
绘图功能有帮助
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="10"
|
||||
v-model="helpful"
|
||||
/>
|
||||
导出功能有用
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="11"
|
||||
v-model="helpful"
|
||||
/>
|
||||
设计编辑简单
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
class="marTop1"
|
||||
:value="othersHelpful"
|
||||
v-model="helpful"
|
||||
/>
|
||||
<span> 其他:</span>
|
||||
<textarea
|
||||
name="comments"
|
||||
id="text-area"
|
||||
placeholder="请输入..."
|
||||
v-model="othersHelpful"
|
||||
></textarea>
|
||||
</label>
|
||||
</div>
|
||||
<div class="section">
|
||||
<p>
|
||||
2. 您认为AiDA应该改进什么？（您可以选择多个答案）：<span class="fontColor">*</span>
|
||||
</p>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="1"
|
||||
v-model="improve"
|
||||
/>
|
||||
提供的设计很无聊，需要更多有趣的设计
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="2"
|
||||
v-model="improve"
|
||||
/>
|
||||
设计修改困难
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="3"
|
||||
v-model="improve"
|
||||
/>
|
||||
只有2D输出，没有3D结果
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="4"
|
||||
v-model="improve"
|
||||
/>
|
||||
难以选择合适的关键词应用于AIGC生成
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="5"
|
||||
v-model="improve"
|
||||
/>
|
||||
服装比例不正确
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="6"
|
||||
v-model="improve"
|
||||
/>
|
||||
与打版解决方案不兼容
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="7"
|
||||
v-model="improve"
|
||||
/>
|
||||
改进用户界面以便更好导航
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="8"
|
||||
v-model="improve"
|
||||
/>
|
||||
客户支持响应不及时
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="9"
|
||||
v-model="improve"
|
||||
/>
|
||||
对新用户的教程或指导不足
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
value="10"
|
||||
v-model="improve"
|
||||
/>
|
||||
设计个性化选项有限
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="checkbox-question"
|
||||
:value="othersImprovel"
|
||||
class="marTop1"
|
||||
v-model="improve"
|
||||
/>
|
||||
<span> 其他:</span>
|
||||
<!-- <input
|
||||
class="others-input"
|
||||
type="text"
|
||||
/> -->
|
||||
<textarea
|
||||
name="comments"
|
||||
id="text-area"
|
||||
:value="othersImprovel"
|
||||
placeholder="请输入..."
|
||||
></textarea>
|
||||
</label>
|
||||
</div>
|
||||
<div class="section">
|
||||
<p>3. 您会订阅AiDA 3.0吗？<span class="fontColor">*</span></p>
|
||||
<label>
|
||||
<input
|
||||
type="radio"
|
||||
value="yes"
|
||||
v-model="isSubscribe"
|
||||
name="radio-question"
|
||||
/>
|
||||
会
|
||||
</label>
|
||||
<label>
|
||||
<input v-model="isSubscribe" type="radio" value="no" name="radio-question" />
|
||||
不会
|
||||
</label>
|
||||
</div>
|
||||
<div class="section" v-show="isSubscribe == 'no'">
|
||||
<p>如果不会，请说明原因：<span class="fontColor">*</span></p>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
value="Not useful"
|
||||
name="reasonForNotSubscribe"
|
||||
v-model="reasonForNotSubscribe"
|
||||
/>
|
||||
没有用
|
||||
</label>
|
||||
<label>
|
||||
<input type="checkbox" value="Too expensive" v-model="reasonForNotSubscribe" name="reasonForNotSubscribe" />
|
||||
太贵了
|
||||
</label>
|
||||
<label>
|
||||
<input
|
||||
type="checkbox"
|
||||
name="reasonForNotSubscribe"
|
||||
:value="othersIsSubscribeCause"
|
||||
v-model="reasonForNotSubscribe"
|
||||
class="marTop1"
|
||||
/>
|
||||
<span> 其他:</span>
|
||||
<textarea
|
||||
name="comments"
|
||||
id="text-area"
|
||||
v-model="othersIsSubscribeCause"
|
||||
placeholder="请输入..."
|
||||
></textarea>
|
||||
</label>
|
||||
</div>
|
||||
<div class="section">
|
||||
<p>
|
||||
4. 您目前使用哪些设计工具？请列出：
|
||||
</p>
|
||||
<textarea
|
||||
name="comments"
|
||||
id="text-area"
|
||||
v-model="designTools"
|
||||
placeholder="请输入..."
|
||||
></textarea>
|
||||
</div>
|
||||
<div class="section">
|
||||
<button id="submit" @click="setSubmit">提交 </button>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
|
||||
import { Modal,message } from 'ant-design-vue';
|
||||
import { Https } from "@/tool/https";
|
||||
import { defineComponent, toRefs,ref, reactive, createVNode } from "vue";
|
||||
export default defineComponent({
|
||||
setup() {
|
||||
const feedbackData:any = reactive({
|
||||
userName:'',
|
||||
gender:'Female',
|
||||
occupation:'',
|
||||
country:'',
|
||||
email:'',
|
||||
age:'20-30',
|
||||
helpful:[],
|
||||
improve:[],
|
||||
isSubscribe:'',
|
||||
reasonForNotSubscribe:[],
|
||||
designTools:'',
|
||||
});
|
||||
let othersHelpful = ref('')
|
||||
let othersImprovel = ref('')
|
||||
let othersIsSubscribeCause = ref()
|
||||
let CountryList = [
|
||||
"Albania",
|
||||
"Algeria",
|
||||
"Andorra",
|
||||
"Angola",
|
||||
"Antigua and Barbuda",
|
||||
"Argentina",
|
||||
"Armenia",
|
||||
"Australia",
|
||||
"Austria",
|
||||
"Azerbaijan",
|
||||
"Bahamas",
|
||||
"Bangladesh",
|
||||
"Barbados",
|
||||
"Belgium",
|
||||
"Belize",
|
||||
"Benin",
|
||||
"Bhutan",
|
||||
"Bolivia",
|
||||
"Bosnia and Herzegovina",
|
||||
"Botswana",
|
||||
"Brazil",
|
||||
"Brunei",
|
||||
"Bulgaria",
|
||||
"Burkina Faso",
|
||||
"Cabo Verde",
|
||||
"Canada",
|
||||
"China",
|
||||
"Chile",
|
||||
"Colombia",
|
||||
"Comoros",
|
||||
"Congo",
|
||||
"Costa Rica",
|
||||
"Côte d'Ivoire",
|
||||
"Croatia",
|
||||
"Cyprus",
|
||||
"Czech Republic",
|
||||
"Denmark",
|
||||
"Djibouti",
|
||||
"Dominica",
|
||||
"Dominican Republic",
|
||||
"Ecuador",
|
||||
"El Salvador",
|
||||
"Estonia",
|
||||
"Fiji",
|
||||
"Finland",
|
||||
"France",
|
||||
"Gabon",
|
||||
"Gambia",
|
||||
"Georgia",
|
||||
"Germany",
|
||||
"Ghana",
|
||||
"Greece",
|
||||
"Grenada",
|
||||
"Guatemala",
|
||||
"Guinea",
|
||||
"Guinea-Bissau",
|
||||
"Guyana",
|
||||
"Haiti",
|
||||
"Holy See",
|
||||
"Honduras",
|
||||
"Hong Kong, China",
|
||||
"Hungary",
|
||||
"Iceland",
|
||||
"India",
|
||||
"Indonesia",
|
||||
"Iraq",
|
||||
"Ireland",
|
||||
"Israel",
|
||||
"Italy",
|
||||
"Jamaica",
|
||||
"Japan",
|
||||
"Jordan",
|
||||
"Kazakhstan",
|
||||
"Kenya",
|
||||
"Kiribati",
|
||||
"Kuwait",
|
||||
"Kyrgyzstan",
|
||||
"Latvia",
|
||||
"Lebanon",
|
||||
"Lesotho",
|
||||
"Liberia",
|
||||
"Liechtenstein",
|
||||
"Lithuania",
|
||||
"Luxembourg",
|
||||
"Madagascar",
|
||||
"Malawi",
|
||||
"Malaysia",
|
||||
"Maldives",
|
||||
"Mali",
|
||||
"Malta",
|
||||
"Marshall Islands",
|
||||
"Mauritania",
|
||||
"Mauritius",
|
||||
"Mexico",
|
||||
"Micronesia",
|
||||
"Moldova",
|
||||
"Monaco",
|
||||
"Mongolia",
|
||||
"Montenegro",
|
||||
"Morocco",
|
||||
"Mozambique",
|
||||
"Myanmar",
|
||||
"Namibia",
|
||||
"Nauru",
|
||||
"Nepal",
|
||||
"Netherlands",
|
||||
"New Zealand",
|
||||
"Nicaragua",
|
||||
"Niger",
|
||||
"Nigeria",
|
||||
"North Macedonia",
|
||||
"Norway",
|
||||
"Oman",
|
||||
"Pakistan",
|
||||
"Palau",
|
||||
"Palestine",
|
||||
"Panama",
|
||||
"Papua New Guinea",
|
||||
"Paraguay",
|
||||
"Peru",
|
||||
"Philippines",
|
||||
"Poland",
|
||||
"Portugal",
|
||||
"Qatar",
|
||||
"Romania",
|
||||
"Rwanda",
|
||||
"Saint Kitts and Nevis",
|
||||
"Saint Lucia",
|
||||
"Saint Vincent and the Grenadines",
|
||||
"Samoa",
|
||||
"San Marino",
|
||||
"Sao Tome and Principe",
|
||||
"Senegal",
|
||||
"Serbia",
|
||||
"Seychelles",
|
||||
"Sierra Leone",
|
||||
"Singapore",
|
||||
"Slovakia",
|
||||
"Slovenia",
|
||||
"Solomon Islands",
|
||||
"South Africa",
|
||||
"South Korea",
|
||||
"Spain",
|
||||
"Sri Lanka",
|
||||
"Suriname",
|
||||
"Sweden",
|
||||
"Switzerland",
|
||||
"Taiwan, China",
|
||||
"Tanzania",
|
||||
"Thailand",
|
||||
"Timor-Leste",
|
||||
"Togo",
|
||||
"Tonga",
|
||||
"Trinidad and Tobago",
|
||||
"Tunisia",
|
||||
"Turkey",
|
||||
"Tuvalu",
|
||||
"Uganda",
|
||||
"Ukraine",
|
||||
"United Arab Emirates",
|
||||
"United Kingdom",
|
||||
"United States of America",
|
||||
"Uruguay",
|
||||
"Vanuatu",
|
||||
"Zambia"
|
||||
]
|
||||
let setSubmit = () => {
|
||||
let state = false
|
||||
let skipList = ['designTools','reasonForNotSubscribe']
|
||||
for (const key in feedbackData) {
|
||||
|
||||
if(skipList.indexOf(key) > -1){
|
||||
continue
|
||||
}
|
||||
let keyList = ['helpful','improve']
|
||||
if(keyList.indexOf(key) > -1){
|
||||
if(feedbackData[key].length == 0){
|
||||
state = true
|
||||
break
|
||||
}
|
||||
}else if(feedbackData.isSubscribe == 'no' && feedbackData.reasonForNotSubscribe.length){
|
||||
state = true
|
||||
break
|
||||
}else{
|
||||
if(feedbackData[key] == ''){
|
||||
state = true
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if(state){
|
||||
message.info('Please check that all the * numbers have been filled in')
|
||||
return
|
||||
}
|
||||
let _this = this
|
||||
Modal.confirm({
|
||||
title: `Please confirm your email address to ensure it is correct. ${feedbackData.email}`,
|
||||
icon: createVNode(ExclamationCircleOutlined),
|
||||
okText: 'Yes',
|
||||
cancelText: 'No',
|
||||
mask:false,
|
||||
centered:true,
|
||||
onOk() {
|
||||
feedbackData.language = 'CN'
|
||||
submit(JSON.stringify(feedbackData))
|
||||
}
|
||||
});
|
||||
};
|
||||
let submit = (value:any)=>{
|
||||
Https.axiosPost(Https.httpUrls.questionnaire, value).then(
|
||||
(rv) => {
|
||||
}
|
||||
).catch(res=>{
|
||||
});
|
||||
}
|
||||
return {
|
||||
...toRefs(feedbackData),
|
||||
othersHelpful,
|
||||
othersImprovel,
|
||||
othersIsSubscribeCause,
|
||||
CountryList,
|
||||
setSubmit,
|
||||
};
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
// moodTemplateId: "", //模板id
|
||||
};
|
||||
},
|
||||
mounted() {},
|
||||
methods: {},
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap");
|
||||
.feedbackSurvey {
|
||||
font-family: "Quicksand", sans-serif;
|
||||
text-align: center;
|
||||
line-height: 1.5;
|
||||
// background: linear-gradient(180deg, #f3f3e6 0%, #eee4f3 100%);
|
||||
margin: 1rem;
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
#main{
|
||||
background: linear-gradient(45deg, #eee4f3, #f3f4e6);
|
||||
|
||||
}
|
||||
#title {
|
||||
font-size: 6rem;
|
||||
margin: 0;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
#description {
|
||||
font-size: 2.8rem;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#survey-form {
|
||||
position: relative;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
width: 60%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
text-align: left;
|
||||
border-radius: 15px;
|
||||
padding: 3rem;
|
||||
box-shadow: -1px 1px 5px 0.5px;
|
||||
font-size: 2.4rem;
|
||||
transition: width 1s ease;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
@media (max-width: 760px) {
|
||||
form {
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
h2 {
|
||||
width: 100%;
|
||||
font-weight: 900;
|
||||
}
|
||||
.section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 1rem;
|
||||
width: 100%;
|
||||
}
|
||||
.w40 {
|
||||
width: 40%;
|
||||
}
|
||||
.fontColor{
|
||||
color: rgb(255, 2, 2);
|
||||
}
|
||||
p{
|
||||
font-size: 2.8rem;
|
||||
}
|
||||
p,
|
||||
label {
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
input,
|
||||
#dropdown {
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
padding: 10px;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
input:focus,
|
||||
#dropdown:focus {
|
||||
border: 2px solid rgb(173, 173, 173);
|
||||
}
|
||||
input,select{
|
||||
height: 40px;
|
||||
}
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
textarea {
|
||||
cursor: pointer;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
display: inline-block;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
vertical-align: middle;
|
||||
margin: 0;
|
||||
}
|
||||
label{
|
||||
vertical-align: baseline;
|
||||
cursor: pointer;
|
||||
.others-input{
|
||||
background: rgba(255, 255, 255, 0);
|
||||
border-top: none;
|
||||
border-right: none;
|
||||
border-left: none;
|
||||
border-radius: 0;
|
||||
border-bottom: 2px solid;
|
||||
}
|
||||
.others-input:focus{
|
||||
border: none;
|
||||
border-bottom: 2px solid;
|
||||
}
|
||||
span{
|
||||
vertical-align: top;
|
||||
}
|
||||
textarea{
|
||||
width: 80%;
|
||||
vertical-align: top;
|
||||
margin-left: 1rem;
|
||||
|
||||
}
|
||||
}
|
||||
textarea {
|
||||
min-height: 75%;
|
||||
max-height: 250px;
|
||||
width: 100%;
|
||||
resize: vertical;
|
||||
border: none;
|
||||
border-radius: 10px;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#submit {
|
||||
background: green;
|
||||
background: #39215b;
|
||||
|
||||
border: none;
|
||||
border-radius: 10px;
|
||||
color: white;
|
||||
font-size: 3rem;
|
||||
transition: all 0.3s ease-in;
|
||||
}
|
||||
|
||||
#submit:hover {
|
||||
background: darkgreen;
|
||||
background: #543087;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user