refactor(components): 优化内容可编辑组件和问题项的显示- 为 contenteditable 组件添加 flex 类，优化样式

- 在问题项前增加标题编号，提高可读性
- 修改发布问题时的路由跳转方式，使用 replace 代替 push

src/components/contenteditable.vue

@@ -5,7 +5,7 @@
         :id="'editor' + id"
         ref="editor"
         :contenteditable="active"
-        class="van-field contenteditable-content"
+        class="van-field contenteditable-content flex"
         :data-placeholder="placeholder"
         @focus="onFocus"
         @input="onChange($event.target, $event)"

src/views/Design/components/ActionCompoents/components/QuestionItemAction/QuestionBefore.vue

@@ -217,7 +217,7 @@ if (props.skipType === 0) {
   beforeQuesOptions = questions.slice(0, questionIndex + 1).map((item) => {
     return {
       ...item,
-      label: item.stem,
+      label: item.title + ' ' + item.stem,
       value: item.question_index
     };
   });
@@ -227,7 +227,7 @@ if (props.skipType === 0) {
     beforeQuesOptions = questions.slice(0, questionIndex).map((item) => {
       return {
         ...item,
-        label: item.stem,
+        label: item.title + ' ' + item.stem,
         value: item.question_index
       };
     });

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

@@ -15,6 +15,7 @@
           v-model="element.stem"
           :active="active"
           @blur="emitValue"
+          className="contenteditable-label"
           :errorMessage="errorMessage"
         ></contenteditable>
       </template>

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

@@ -81,6 +81,7 @@ const emitValue = () => {
           v-model="element.stem"
           :active="active"
           @blur="emitValue"
+          className="contenteditable-label"
           :errorMessage="errorMessage"
         ></contenteditable>
       </template>

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

@@ -71,6 +71,7 @@ const errorMessage = defineModel('errorMessage', {
       <contenteditable
         v-model="question.stem"
         :active="active"
+        className="contenteditable-label"
         @blur="emitValue"
         :errorMessage="errorMessage"
       />

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

@@ -14,6 +14,7 @@
         <contenteditable
           v-model="element.stem"
           :active="active"
+          className="contenteditable-label"
           @blur="saveStem"
           :errorMessage="errorMessage"
         ></contenteditable>

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

@@ -15,6 +15,7 @@
           v-model="element.stem"
           :active="active"
           @blur="emitValue"
+          className="contenteditable-label"
           :errorMessage="errorMessage"
         ></contenteditable>
       </template>

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

@@ -209,6 +209,7 @@ async function handleUploadImg() {
     <template #label>
       <contenteditable
         v-model="element.stem"
+        className="contenteditable-label"
         :active="active"
         @blur="emitValue"
         :errorMessage="errorMessage"

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

@@ -14,6 +14,7 @@
         <contenteditable
           v-model="element.stem"
           :active="active"
+          className="contenteditable-label"
           @blur="emitValue"
           :errorMessage="errorMessage"
         ></contenteditable>

src/views/Survey/views/Create/Index.vue

@@ -632,7 +632,7 @@ const saveAs = (back) => {
 // 投放
 const publishQuestion = () => {
   saveAs(() => {
-    router.push({ name: 'publish', query: { ...route.query } });
+    router.replace({ name: 'publish', query: { ...route.query } });
   });
 };
 // 预览