feat(Design): 优化问卷设计样式和功能

- 实现选项功能

- 添加内容可编辑组件拖拽排序功能
- 优化题目和选项的样式
- 添加右键拖拽功能

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

@@ -4,13 +4,18 @@
     :label="element.stem"
     :required="element.config.is_required === 1"
     label-align="top"
-    class="base-select"
+    class="contenteditable-question-title base-select"
   >
     <template #left-icon>
       {{ index + 1 }}
     </template>
     <template #label>
-      <contenteditable v-model="element.stem" :active="active" @blur="emitValue"></contenteditable>
+      <contenteditable
+        v-model="element.stem"
+        className="contenteditable-label"
+        :active="active"
+        @blur="emitValue"
+      ></contenteditable>
     </template>
     <template #input>
       <template v-for="(item, optionIndex) in element.options" :key="item.id">
@@ -19,6 +24,7 @@
             v-model:data="element.options[optionIndex]"
             :active="active"
             :question="element"
+            handle=".moverQues"
           >
             <template #item="{ element: it, index: itIndex }">
               <van-radio
@@ -31,7 +37,17 @@
                 <!--       自定义文本         -->
                 <template #default>
                   <div class="flex align-center van-cell">
-                    <contenteditable v-model="it.option" :active="active"></contenteditable>
+                    <contenteditable
+                      v-model="it.option"
+                      className="contenteditable-input"
+                      :active="active"
+                    >
+                      <template #right-icon>
+                        <div v-if="active" class="moverQues">
+                          <van-icon class-prefix="mobilefont" name="option "></van-icon>
+                        </div>
+                      </template>
+                    </contenteditable>
                     <div v-if="it.is_other">
                       <input class="other-input" type="text" />
                     </div>
@@ -57,7 +73,17 @@
               >
                 <template #default>
                   <div class="flex align-center van-cell">
-                    <contenteditable v-model="it.option" :active="active"></contenteditable>
+                    <contenteditable
+                      v-model="it.option"
+                      className="contenteditable-input"
+                      :active="active"
+                    >
+                      <template #right-icon>
+                        <div v-if="active" class="moverQues">
+                          <van-icon class-prefix="mobilefont" name="option "></van-icon>
+                        </div>
+                      </template>
+                    </contenteditable>
                     <div v-if="it.is_other">
                       <input class="other-input" type="text" />
                     </div>