style(css): 更新样式文件并添加新图标

- 更新 main.scss 和 public.scss，使用 @use 替代 @import
- 添加 upload 和 shanchu1 两个新图标
- 更新 iconfont.css 和相关文件以包含新图标

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>