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

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

.env.uat

@@ -1,5 +1,5 @@
 # .env.development
-VITE_APP_BASEURL=https://yls-api-uat.dctest.digitalyili.com/api/
+VITE_APP_BASEURL=https://yls-api-uat.dctest.digitalyili.com/
 VITE_APP_ENV=uat
 VITE_APP_CURRENTMODE=uat
 VITE_APP_BASEOSS=https://diaoyan-files.automark.cc

package.json

@@ -13,6 +13,9 @@
     "lint": "npx eslint -c ./node_modules/@yl/yili-fe-lint-config/eslintrc.vue3.js \"src/**/*.{js,ts,tsx,vue,html}\" --fix",
     "stylelint": "npx stylelint -c ./node_modules/@yl/yili-fe-lint-config/stylelintrc.js \"**/*.{css,scss,sass,less,vue,html}\" --fix"
   },
+  "optionalDependencies": {
+    "@rollup/rollup-linux-x64-musl": "*"
+  },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.1",
     "axios": "^1.8.2",

src/views/Design/components/ActionCompoents/QuestionAction.vue

@@ -29,7 +29,7 @@
         </template>
       </van-cell>
       <van-cell
-        v-if="[1, 2, 9].includes(activeQuestion.question_type)"
+        v-if="[1, 2].includes(activeQuestion.question_type)"
         title="选项随机"
         :border="false"
       >
@@ -45,12 +45,6 @@
         </template>
       </van-cell>
 
-      <!-- 矩阵题目-->
-      <martrix-question-action
-        v-if="[8, 9, 10].includes(activeQuestion.question_type)"
-        v-model="activeQuestion"
-        @save-option="saveSettings"
-      ></martrix-question-action>
       <van-divider></van-divider>
       <van-cell title="题前隐藏" :border="false" @click="questionSetting('before')">
         <template #right-icon>
@@ -78,7 +72,7 @@
       ></rate-question-action>
       <!--       填空-->
       <completion-question-action
-        v-if="activeQuestion.question_type === 4"
+        v-if="[4, 8].includes(activeQuestion.question_type)"
         v-model="activeQuestion"
         @save-option="saveSettings"
       ></completion-question-action>
@@ -88,6 +82,13 @@
         v-model="activeQuestion"
         @save-option="saveSettings"
       ></field-upload-question-action>
+
+      <!-- 矩阵题目-->
+      <martrix-question-action
+        v-if="[8, 9, 10].includes(activeQuestion.question_type)"
+        v-model="activeQuestion"
+        @save-option="saveSettings"
+      ></martrix-question-action>
     </van-cell-group>
   </van-action-sheet>
   <!--  移动 复制-->
@@ -252,8 +253,8 @@ const getSkipTypeText = (skipType) => {
   const ls = [];
   logics.map((item) => {
     if (
-      item.skip_type === skipType
-      && item.question_index === activeQuestion.value.question_index
+      item.skip_type === skipType &&
+      item.question_index === activeQuestion.value.question_index
     ) {
       ls.push(item);
     }

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

@@ -68,7 +68,6 @@
       </template>
     </van-field>
   </van-cell-group>
-  <van-divider></van-divider>
 
   <van-cell
     v-if="![5, 6, 7].includes(actionQuestion.config.text_type)"

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

@@ -1,6 +1,20 @@
 <template>
+  <van-cell v-if="[9, 10].includes(actionQuestion.question_type)" title="选项随机" :border="false">
+    <template #right-icon>
+      <van-switch
+        v-model="actionQuestion.config.select_random"
+        class="option-action-sheet-switch"
+        size="0.5rem"
+        :active-value="1"
+        :inactive-value="0"
+        @change="emit('saveOption')"
+      ></van-switch>
+    </template>
+  </van-cell>
   <van-field
-    v-if="actionQuestion.question_type === 9 && actionQuestion.config.select_random === 1"
+    v-if="
+      [9, 10].includes(actionQuestion.question_type) && actionQuestion.config.select_random === 1
+    "
     v-model="actionQuestion.config.min_select"
     label=""
     :border="false"
@@ -22,6 +36,7 @@
           shape="square"
           name="actionQuestion.config.row_random"
           icon-size="0.5rem"
+          @change="emit('saveOption')"
         >
           行随机
         </van-checkbox>
@@ -31,18 +46,87 @@
           shape="square"
           icon-size="0.5rem"
           name="actionQuestion.config.cell_random"
+          @change="emit('saveOption')"
         >
           列随机
         </van-checkbox>
       </div>
-      <!--      <van-checkbox-group v-model="">-->
-
-      <!--      </van-checkbox-group>-->
     </template>
   </van-field>
+  <van-cell
+    title="右极文字"
+    type="number"
+    :border="false"
+    label-align="left"
+    input-align="right"
+    label-width="8em"
+    placeholder="不限"
+    readonly
+    @blur="emit('saveOption')"
+  >
+    <template #right-icon>
+      <van-switch
+        v-model="actionQuestion.config.is_limit_right_content"
+        :active-value="1"
+        :inactive-value="0"
+        size="0.5rem"
+        @change="emit('saveOption')"
+      ></van-switch>
+    </template>
+  </van-cell>
+  <!--  每行可选数量-->
+  <van-cell
+    v-if="[10].includes(actionQuestion.question_type)"
+    title="每行可选数量"
+    :border="false"
+    label-align="left"
+  >
+  </van-cell>
+  <van-cell-group v-if="[10].includes(actionQuestion.question_type)">
+    <van-field
+      v-model="actionQuestion.config.min_select"
+      label="最少"
+      type="number"
+      :border="false"
+      label-align="left"
+      input-align="right"
+      class="action-field"
+      placeholder="不限"
+      @blur="emit('saveOption')"
+      @update:model-value="
+        (value) => {
+          actionQuestion.config.min_select = Number(value);
+        }
+      "
+    >
+      <template #right-icon>
+        <span>个</span>
+      </template>
+    </van-field>
+    <van-field
+      v-model="actionQuestion.config.max_select"
+      label="最多"
+      type="number"
+      :border="false"
+      placeholder="不限"
+      input-align="right"
+      class="action-field"
+      @blur="emit('saveOption')"
+      @update:model-value="
+        (value) => {
+          actionQuestion.config.max_select = Number(value);
+        }
+      "
+    >
+      <template #right-icon>
+        <span>个</span>
+      </template>
+    </van-field>
+  </van-cell-group>
 </template>
 <script setup>
 import { computed, defineEmits } from 'vue';
+import { saveQuestion } from '@/api/design/index.js';
 const props = defineProps({
   modelValue: {
     type: Object,

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

@@ -68,6 +68,8 @@ const emitValue = () => {
                 @blur="emitValue"
               ></contenteditable>
             </td>
+
+            <th></th>
           </tr>
         </thead>
         <tbody>
@@ -84,6 +86,14 @@ const emitValue = () => {
               <!-- 编辑状态，单次点击出输入框，失焦后关闭 -->
               <input :id="col.option" :type="tableInputTypeMapping()" :name="row.option" />
             </td>
+
+            <td v-if="element.config.is_limit_right_content === 1">
+              <contenteditable
+                v-model="row.option_config.limit_right_content"
+                :active="active"
+                @blur="emitValue"
+              ></contenteditable>
+            </td>
           </tr>
         </tbody>
       </table>

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

@@ -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>