|
|
@@ -57,7 +57,7 @@
|
|
|
<el-table-column label="操作" width="160" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<el-button type="text" size="mini" @click="openEdit(scope.row)">编辑</el-button>
|
|
|
- <el-button type="text" size="mini" style="color:var(--adm-error-text)" @click="handleDelete(scope.row)">删除</el-button>
|
|
|
+ <el-button type="text" size="mini" class="text-error" @click="handleDelete(scope.row)">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
@@ -70,7 +70,7 @@
|
|
|
<el-input v-model="form.title" placeholder="调研标题" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="维度">
|
|
|
- <el-select v-model="form.dimension" placeholder="适用维度" style="width:120px">
|
|
|
+ <el-select v-model="form.dimension" placeholder="适用维度" class="w-120">
|
|
|
<el-option label="身" value="body" />
|
|
|
<el-option label="智" value="wisdom" />
|
|
|
<el-option label="富" value="wealth" />
|
|
|
@@ -79,7 +79,7 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="周期">
|
|
|
- <el-select v-model="form.cycleType" placeholder="周期" style="width:120px">
|
|
|
+ <el-select v-model="form.cycleType" placeholder="周期" class="w-120">
|
|
|
<el-option label="每周" value="weekly" />
|
|
|
<el-option label="两周" value="biweekly" />
|
|
|
<el-option label="每月" value="monthly" />
|
|
|
@@ -89,27 +89,27 @@
|
|
|
<el-switch v-model="form.enabled" :active-value="1" :inactive-value="0" />
|
|
|
</el-form-item>
|
|
|
<el-form-item label="题目">
|
|
|
- <div style="width:100%">
|
|
|
- <div v-for="(q, qIdx) in form.questions" :key="qIdx" style="margin-bottom:12px;padding:10px;border:1px solid var(--adm-border-split);border-radius:4px;">
|
|
|
- <el-input v-model="q.text" placeholder="题目文本" style="margin-bottom:8px" />
|
|
|
+ <div class="full-width">
|
|
|
+ <div v-for="(q, qIdx) in form.questions" :key="qIdx" class="question-card">
|
|
|
+ <el-input v-model="q.text" placeholder="题目文本" class="mb-8" />
|
|
|
<el-tag
|
|
|
v-for="(opt, oIdx) in q.options"
|
|
|
:key="oIdx"
|
|
|
closable
|
|
|
@close="removeOption(q, oIdx)"
|
|
|
- style="margin-right:4px;margin-bottom:4px"
|
|
|
+ class="mr-mb-4"
|
|
|
>{{ opt }}</el-tag>
|
|
|
<el-input
|
|
|
v-if="addOptionText[qIdx]"
|
|
|
v-model="addOptionText[qIdx]"
|
|
|
placeholder="输入选项后回车添加"
|
|
|
size="mini"
|
|
|
- style="width:200px;margin-top:4px"
|
|
|
+ class="w-200 mt-4"
|
|
|
@keyup.enter.native="addOption(q, qIdx)"
|
|
|
@blur="addOption(q, qIdx)"
|
|
|
/>
|
|
|
<el-button type="text" size="mini" @click="addOptionInput(qIdx)">+ 添加选项</el-button>
|
|
|
- <el-button type="text" size="mini" style="color:var(--adm-error-text)" @click="removeQuestion(qIdx)">删除题目</el-button>
|
|
|
+ <el-button type="text" size="mini" class="text-error" @click="removeQuestion(qIdx)">删除题目</el-button>
|
|
|
</div>
|
|
|
<el-button type="primary" size="mini" plain @click="addQuestion">+ 添加题目</el-button>
|
|
|
</div>
|
|
|
@@ -124,7 +124,7 @@
|
|
|
<el-dialog title="AI生成调研题目" :visible.sync="aiDialogVisible" width="500px">
|
|
|
<el-form :model="aiForm" label-width="60px">
|
|
|
<el-form-item label="维度">
|
|
|
- <el-select v-model="aiForm.dimension" placeholder="适用维度" style="width:120px">
|
|
|
+ <el-select v-model="aiForm.dimension" placeholder="适用维度" class="w-120">
|
|
|
<el-option label="身" value="body" />
|
|
|
<el-option label="智" value="wisdom" />
|
|
|
<el-option label="富" value="wealth" />
|
|
|
@@ -136,7 +136,7 @@
|
|
|
<el-input v-model="aiForm.topic" placeholder="如：饮食习惯、睡眠质量" />
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
- <div v-if="aiResult" style="margin-top:12px;padding:10px;background:var(--adm-bg-header);border-radius:4px;max-height:300px;overflow-y:auto;">
|
|
|
+ <div v-if="aiResult" class="ai-result-box">
|
|
|
<pre>{{ aiResult }}</pre>
|
|
|
</div>
|
|
|
<span slot="footer">
|
|
|
@@ -305,4 +305,18 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-</script>
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+.admin-page { padding: 20px; }
|
|
|
+/* == C 批内联清理工具类 == */
|
|
|
+.w-120 { width: 120px; }
|
|
|
+.w-200 { width: 200px; }
|
|
|
+.full-width { width: 100%; }
|
|
|
+.mb-8 { margin-bottom: 8px; }
|
|
|
+.mt-4 { margin-top: 4px; }
|
|
|
+.mr-mb-4 { margin-right: 4px; margin-bottom: 4px; }
|
|
|
+.text-error { color: var(--adm-error-text); }
|
|
|
+.question-card { margin-bottom: 12px; padding: 10px; border: 1px solid var(--adm-border-split); border-radius: 4px; }
|
|
|
+.ai-result-box { margin-top: 12px; padding: 10px; background: var(--adm-bg-header); border-radius: 4px; max-height: 300px; overflow-y: auto; }
|
|
|
+</style>
|
zxyj-web