HoshinoKoji/js-exform
1
0
Fork 0
Code Issues Pull Requests Wiki Activity

Compare commits

base: HoshinoKoji:95dc8be6e85c5f224e0f7a2ff0f91a0fa3a056f9
Branches Tags
HoshinoKoji:main
HoshinoKoji:dev
..
compare: HoshinoKoji:b5926e868f09cc6ddc9ece88f5d6825c2ffa168d
Branches Tags
HoshinoKoji:dev
HoshinoKoji:main

2 Commits
95dc8be6e8 ... b5926e868f

Author SHA1 Message Date
HoshinoKoji
b5926e868f Update transition effect 2025-03-05 16:55:18 +08:00
HoshinoKoji
110de95650 Fix answer transformation 2025-03-05 16:51:49 +08:00
1 changed files with 12 additions and 9 deletions
Show Stats Expand all files Collapse all files

21
src/App.vue
View File

@ -177,14 +177,18 @@ export default {
this.updateItem(); this.updateItem();
} }
}, },
transformAnswer(answer) {
return isProxy(answer) ? [...answer]
: (answer === undefined ? null : answer);
},
submit() { submit() {
const results = this.items.map(item => ({ const results = this.items.map(item => ({
title: item.title, title: item.title,
key: item.key ? item.key : item.title, key: item.key ? item.key : item.title,
type: item.type, type: item.type,
answer: isProxy(item.answer) ? [...item.answer] : (item.answer || null), answer: this.transformAnswer(item.answer),
answerText: isProxy(item.answerText) ? [...item.answerText] : (item.answerText || null), answerText: this.transformAnswer(item.answerText),
answerValue: isProxy(item.answerValue) ? [...item.answerValue] : (item.answerValue || null), answerValue: this.transformAnswer(item.answerValue),
refilled: item.refilled, refilled: item.refilled,
responseTime: item.responseTime, responseTime: item.responseTime,
})); }));
@ -201,7 +205,7 @@ export default {
<template> <template>
<div v-if="!isReady">Loading...</div> <div v-if="!isReady">Loading...</div>
<transition name="el-fade-in-linear"><el-container id="main" v-if="isReady" v-show="showPanel"> <transition name="el-fade-in"><el-container id="main" v-if="isReady" v-show="showPanel">
<el-header height=24pt> <el-header height=24pt>
<el-text class="mx-1" type="primary"><span id="display-title">{{ itemStatus.title }}</span></el-text> <el-text class="mx-1" type="primary"><span id="display-title">{{ itemStatus.title }}</span></el-text>
</el-header> </el-header>
@ -216,14 +220,13 @@ export default {
:placeholder="lang[settings.lang].input" /> :placeholder="lang[settings.lang].input" />
</template> </template>
<template v-else-if="itemStatus.item.type === 'radio'"> <template v-else-if="itemStatus.item.type === 'radio'">
<el-radio-group v-model="itemStatus.answer" v-for="[index, optText] in iterOptions()" :key="index" <el-radio-group v-model="itemStatus.answer" @change="autoNext">
@change="autoNext"> <el-radio-button v-for="[index, optText] in iterOptions()" :key="index" :label="optText" :value="index" />
<el-radio-button :label="optText" :value="index" />
</el-radio-group> </el-radio-group>
</template> </template>
<template v-else-if="itemStatus.item.type === 'checkbox'"> <template v-else-if="itemStatus.item.type === 'checkbox'">
<el-checkbox-group v-model="itemStatus.answer" v-for="[index, optText] in iterOptions()" :key="index"> <el-checkbox-group v-model="itemStatus.answer">
<el-checkbox-button :label="optText" :value="index" /> <el-checkbox-button v-for="[index, optText] in iterOptions()" :key="index" :label="optText" :value="index" />
</el-checkbox-group> </el-checkbox-group>
</template> </template>
<template v-else-if="itemStatus.item.type === 'scale'"> <template v-else-if="itemStatus.item.type === 'scale'">