featDesign(): 优化矩阵题配置和功能

- 移除 CompletionQuestionAction 组件中的多余分割线
- 在 MartrixQuestionAction 组件中添加选项随机功能和右极文字限制
-调整 QuestionAction 组件中矩阵题的显示逻辑
-优化 MartrixQuestion 和 MatrixQuestion 组件的表格渲染
- 更新 API 基础 URL

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

@@ -23,14 +23,14 @@ const matrixAnswer = ref({
  */
 const tableInputTypeMapping = (/** regx?: any */) => {
   switch (element.question_type) {
-  case 8:
-    return 'text';
-  case 9:
-    return 'radio';
-  case 10:
-    return 'checkbox';
-  default:
-    return 'radio';
+    case 8:
+      return 'text';
+    case 9:
+      return 'radio';
+    case 10:
+      return 'checkbox';
+    default:
+      return 'radio';
   }
 };
 
@@ -67,55 +67,55 @@ function handleColNameChange(rowOption: string, colOption: string, e: any) {
 
   // 不同的 question_type 的 matrix 问卷处理不同的结果
   switch (element.question_type) {
-  case 8: {
-    // 获取输入框元素
-    const inputElement = e.target as HTMLInputElement;
-    // 如果没有获取到输入框元素，则直接返回
-    if (!inputElement) return;
-    // 将输入框的值保存到 rowRecord 对应位置
-    rowRecord[col] = e!.target!.value;
-    // 清空 matrixAnswer 的 answer 属性
-    matrixAnswer.value.answer = {};
-    // 遍历所有行选项
-    element.options[0].forEach((_, rowIndex) => {
-      // 获取当前行记录
-      const colOptions = rowRecord[rowIndex];
-      // 如果当前行有记录，则更新 matrixAnswer 的 answer 属性
-      if (colOptions) {
-        matrixAnswer.value.answer[`R${rowIndex + 1}_C${col + 1}`] = colOptions;
-      }
-    });
-    break;
-  }
-  case 9:
-    // 将选择的行索引加1后保存到 rowRecord 对应位置
-    rowRecord[col] = row + 1;
-    // 清空 matrixAnswer 的 answer 属性
-    matrixAnswer.value.answer = {};
-    // 遍历 rowRecord，更新 matrixAnswer 的 answer 属性
-    rowRecord.forEach((row, index) => {
-      matrixAnswer.value.answer[`${index + 1}_${row}`] = 1;
-    });
-    break;
-  case 10:
-    // 将选择的行索引加1后添加到 rowRecord 对应位置的数组中
-    rowRecord[col] = (rowRecord[col] || []).concat(row + 1);
-    // 清空 matrixAnswer 的 answer 属性
-    matrixAnswer.value.answer = {};
-    // 遍历所有行选项
-    element.options[0].forEach((rowOption, rowIndex) => {
-      // 获取当前行记录
-      const colOptions = rowRecord[rowIndex];
-      // 如果当前行有记录，则更新 matrixAnswer 的 answer 属性
-      if (colOptions) {
-        colOptions.forEach((col: any) => {
-          matrixAnswer.value.answer[`R${rowIndex + 1}_C${col}`] = true;
-        });
-      }
-    });
-    break;
-  default:
-    break;
+    case 8: {
+      // 获取输入框元素
+      const inputElement = e.target as HTMLInputElement;
+      // 如果没有获取到输入框元素，则直接返回
+      if (!inputElement) return;
+      // 将输入框的值保存到 rowRecord 对应位置
+      rowRecord[col] = e!.target!.value;
+      // 清空 matrixAnswer 的 answer 属性
+      matrixAnswer.value.answer = {};
+      // 遍历所有行选项
+      element.options[0].forEach((_, rowIndex) => {
+        // 获取当前行记录
+        const colOptions = rowRecord[rowIndex];
+        // 如果当前行有记录，则更新 matrixAnswer 的 answer 属性
+        if (colOptions) {
+          matrixAnswer.value.answer[`R${rowIndex + 1}_C${col + 1}`] = colOptions;
+        }
+      });
+      break;
+    }
+    case 9:
+      // 将选择的行索引加1后保存到 rowRecord 对应位置
+      rowRecord[col] = row + 1;
+      // 清空 matrixAnswer 的 answer 属性
+      matrixAnswer.value.answer = {};
+      // 遍历 rowRecord，更新 matrixAnswer 的 answer 属性
+      rowRecord.forEach((row, index) => {
+        matrixAnswer.value.answer[`${index + 1}_${row}`] = 1;
+      });
+      break;
+    case 10:
+      // 将选择的行索引加1后添加到 rowRecord 对应位置的数组中
+      rowRecord[col] = (rowRecord[col] || []).concat(row + 1);
+      // 清空 matrixAnswer 的 answer 属性
+      matrixAnswer.value.answer = {};
+      // 遍历所有行选项
+      element.options[0].forEach((rowOption, rowIndex) => {
+        // 获取当前行记录
+        const colOptions = rowRecord[rowIndex];
+        // 如果当前行有记录，则更新 matrixAnswer 的 answer 属性
+        if (colOptions) {
+          colOptions.forEach((col: any) => {
+            matrixAnswer.value.answer[`R${rowIndex + 1}_C${col}`] = true;
+          });
+        }
+      });
+      break;
+    default:
+      break;
   }
 }
 </script>
@@ -151,6 +151,7 @@ function handleColNameChange(rowOption: string, colOption: string, e: any) {
               />
               <span v-else @click="col.editor = true" v-html="col.option"></span>
             </td>
+            <th></th>
           </tr>
         </thead>
         <tbody>