feat(设计): 优化问卷设计功能

- 调整完成式题目字数限制显示逻辑- 为 NPS 问卷添加内容编辑组件
- 优化文本加图片问卷的编辑功能
- 调整必答设置的显示逻辑
- 修复完成式题目的保存问题
- 优化 API 接口配置

src/views/Design/components/Questions/TextWithImages.vue

@@ -11,15 +11,18 @@
         {{ index + 1 }}
       </template>
       <template #label>
-        <contenteditable v-model="element.stem" :active="active"></contenteditable>
-        <!--        <div v-html="element.stem" v-else></div>-->
+        <contenteditable
+          v-model="element.stem"
+          :active="active"
+          @blur="emitValue"
+        ></contenteditable>
       </template>
     </van-field>
   </div>
 </template>
 <script setup>
 import contenteditable from '@/components/contenteditable.vue';
-import { ref } from 'vue';
+import { toRefs } from 'vue';
 const props = defineProps({
   element: {
     type: Object,
@@ -39,6 +42,11 @@ const props = defineProps({
   }
 });
 
-const element = ref(props.element);
+const { element } = toRefs(props);
+
+const emit = defineEmits(['update:element']);
+const emitValue = () => {
+  emit('update:element', element.value);
+};
 </script>
 <style scoped lang="scss"></style>