From 0b5d08e3b9547d841f870b6040d118d8d1de952a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Wed, 12 Mar 2025 18:10:11 +0800
Subject: [PATCH] =?UTF-8?q?feat(Design):=20=E6=96=B0=E5=A2=9E=E5=A1=AB?=
 =?UTF-8?q?=E7=A9=BA=E9=A2=98=E7=BB=84=E4=BB=B6=E5=B9=B6=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E9=97=AE=E5=8D=B7=E5=8F=91=E5=B8=83=E5=8A=9F=E8=83=BD-=20?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=20CompletionQuestionAction=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E7=94=A8=E4=BA=8E=E5=A1=AB=E7=A9=BA=E9=A2=98=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=20-=E9=87=8D=E5=91=BD=E5=90=8D=20RateAction=20?=
 =?UTF-8?q?=E4=B8=BA=20RateQuestionAction=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=89=93=E5=88=86=E9=A2=98=E9=85=8D=E7=BD=AE-=20=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=20QuestionAction=20=E7=BB=84=E4=BB=B6=EF=BC=8C?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E5=A4=9A=E9=80=89=E3=80=81=E6=89=93=E5=88=86?=
 =?UTF-8?q?=E5=92=8C=E5=A1=AB=E7=A9=BA=E9=A2=98=E5=9E=8B=20-=20=E6=94=B9?=
 =?UTF-8?q?=E8=BF=9B=E9=97=AE=E5=8D=B7=E5=8F=91=E5=B8=83=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=EF=BC=8C=E5=A2=9E=E5=8A=A0=E5=A4=8D=E5=88=B6=E9=93=BE=E6=8E=A5?=
 =?UTF-8?q?=E5=92=8C=E4=B8=8B=E8=BD=BD=E4=BA=8C=E7=BB=B4=E7=A0=81=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=20-=20=E4=BC=98=E5=8C=96=E4=BB=A3=E7=A0=81=E7=BB=93?=
 =?UTF-8?q?=E6=9E=84=EF=BC=8C=E6=8F=90=E9=AB=98=E5=8F=AF=E7=BB=B4=E6=8A=A4?=
 =?UTF-8?q?=E6=80=A7=E5=92=8C=E5=8F=AF=E8=AF=BB=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components.d.ts                               |   1 +
 src/views/Design/Index.vue                    |   4 +-
 .../ActionCompoents/QuestionAction.vue        |  16 +-
 .../CompletionQuestionAction.vue              | 260 ++++++++++++++++++
 .../RateQuestionAction.vue}                   |   0
 5 files changed, 276 insertions(+), 5 deletions(-)
 create mode 100644 src/views/Design/components/ActionCompoents/components/QuestionItemAction/CompletionQuestionAction.vue
 rename src/views/Design/components/ActionCompoents/components/{OptionItemAction/RateAction.vue => QuestionItemAction/RateQuestionAction.vue} (100%)

diff --git a/components.d.ts b/components.d.ts
index edf019e..b385182 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -10,6 +10,7 @@ declare module 'vue' {
     Contenteditable: typeof import('./src/components/contenteditable.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
+    'Van-': typeof import('vant/es')['-']
     VanActionSheet: typeof import('vant/es')['ActionSheet']
     VanButton: typeof import('vant/es')['Button']
     VanCell: typeof import('vant/es')['Cell']
diff --git a/src/views/Design/Index.vue b/src/views/Design/Index.vue
index 4aa3f98..0b18fdb 100644
--- a/src/views/Design/Index.vue
+++ b/src/views/Design/Index.vue
@@ -242,8 +242,7 @@ watch(
   () => questionInfo.value.questions[chooseQuestionIndex.value],
   (newVal) => {
     if (newVal) {
-      console.log(newVal, 232313);
-      saveQueItem(questionInfo.value.logics, [newVal]);
+      // saveQueItem(questionInfo.value.logics, [newVal]);
     }
   },
   { deep: true }
@@ -380,6 +379,7 @@ const updateElement = (newElement) => {
   if (index !== -1) {
     questionInfo.value.questions.splice(index, 1, newElement);
   }
+  saveQueItem(questionInfo.value.logics, [newElement]);
 };
 onMounted(() => {
   questionInfo.value = store.questionsInfo.value;
diff --git a/src/views/Design/components/ActionCompoents/QuestionAction.vue b/src/views/Design/components/ActionCompoents/QuestionAction.vue
index 8bb1417..712c8e4 100644
--- a/src/views/Design/components/ActionCompoents/QuestionAction.vue
+++ b/src/views/Design/components/ActionCompoents/QuestionAction.vue
@@ -52,16 +52,25 @@
       </van-cell>
       <van-divider></van-divider>
       <!--      根据不同题型 展示不同的操作-->
+      <!--      多选-->
       <checkbox-question-action
         v-if="activeQuestion.question_type === 2"
         v-model="activeQuestion"
         @save-option="saveSettings"
       ></checkbox-question-action>
-      <rate-action
+      <!--      打分-->
+      <rate-question-action
         v-if="activeQuestion.question_type === 5"
         :config="activeQuestion.config"
         @update-config="updateConfig"
-      ></rate-action>
+      ></rate-question-action>
+
+      <!--       填空-->
+      <completion-question-action
+        v-if="activeQuestion.question_type === 4"
+        v-model="activeQuestion"
+        @save-option="saveSettings"
+      ></completion-question-action>
     </van-cell-group>
   </van-action-sheet>
   <!--  移动 复制-->
@@ -109,7 +118,8 @@ import { ref } from 'vue';
 import { useCounterStore } from '@/stores/counter';
 import { storeToRefs } from 'pinia';
 import QuestionBefore from '@/views/Design/components/ActionCompoents/components/QuestionItemAction/QuestionBefore.vue';
-import RateAction from './components/OptionItemAction/RateAction.vue';
+import RateQuestionAction from './components/QuestionItemAction/RateQuestionAction.vue';
+import CompletionQuestionAction from '@/views/Design/components/ActionCompoents/components/QuestionItemAction/CompletionQuestionAction.vue';
 import { v4 as uuidv4 } from 'uuid';
 const store = useCounterStore();
 const { questionsInfo } = storeToRefs(store);
diff --git a/src/views/Design/components/ActionCompoents/components/QuestionItemAction/CompletionQuestionAction.vue b/src/views/Design/components/ActionCompoents/components/QuestionItemAction/CompletionQuestionAction.vue
new file mode 100644
index 0000000..701beb3
--- /dev/null
+++ b/src/views/Design/components/ActionCompoents/components/QuestionItemAction/CompletionQuestionAction.vue
@@ -0,0 +1,260 @@
+<template>
+  <van-field
+    label="内容限制"
+    :border="false"
+    label-align="left"
+    input-align="right"
+    is-link
+    readonly
+    :value="selectText(actionQuestion.config.text_type)"
+    @click="selectTextTypeModel = true"
+  >
+    <template #input>
+      <span>{{ selectText(actionQuestion.config.text_type) }}</span>
+    </template>
+  </van-field>
+  <van-cell-group>
+    <van-field
+      v-if="[2].includes(actionQuestion.config.text_type)"
+      v-model="actionQuestion.config.decimal_few"
+      label="保留小数位"
+      type="number"
+      :border="false"
+      label-align="left"
+      input-align="right"
+      class="action-field"
+      placeholder="不限"
+      max="4"
+      min="0"
+      @blur="emit('saveOption')"
+      @update:model-value="
+        (value) => {
+          actionQuestion.config.line_height = Number(value);
+        }
+      "
+    >
+      <template #right-icon>
+        <span>位</span>
+      </template>
+    </van-field>
+    <van-field
+      v-if="[3, 4].includes(actionQuestion.config.text_type)"
+      v-model="actionQuestion.config.decimal_few"
+      label="允许输入标点符号"
+      type="number"
+      :border="false"
+      label-align="left"
+      input-align="right"
+      class="action-field"
+      label-width="8em"
+      placeholder="不限"
+      readonly
+      @blur="emit('saveOption')"
+      @update:model-value="
+        (value) => {
+          actionQuestion.config.line_height = Number(value);
+        }
+      "
+    >
+      <template #input></template>
+      <template #right-icon>
+        <van-switch
+          v-model="actionQuestion.config.include_mark"
+          :active-value="1"
+          :inactive-value="0"
+          size="0.5rem"
+        ></van-switch>
+      </template>
+    </van-field>
+  </van-cell-group>
+  <van-divider></van-divider>
+
+  <van-cell
+    v-if="![5, 6, 7].includes(actionQuestion.config.text_type)"
+    title="字数限制"
+    :border="false"
+    label-align="left"
+  >
+  </van-cell>
+  <van-cell-group>
+    <van-field
+      v-if="![5, 6, 7].includes(actionQuestion.config.text_type)"
+      v-model="actionQuestion.config.min"
+      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 = Number(value);
+        }
+      "
+    >
+      <template #right-icon>
+        <span>个</span>
+      </template>
+    </van-field>
+    <van-field
+      v-if="![5, 6, 7].includes(actionQuestion.config.text_type)"
+      v-model="actionQuestion.config.max"
+      label="最多"
+      type="number"
+      :border="false"
+      placeholder="不限"
+      input-align="right"
+      class="action-field"
+      @blur="emit('saveOption')"
+      @update:model-value="
+        (value) => {
+          actionQuestion.config.max = Number(value);
+        }
+      "
+    >
+      <template #right-icon>
+        <span>个</span>
+      </template>
+    </van-field>
+  </van-cell-group>
+  <van-cell
+    v-if="[0].includes(actionQuestion.config.text_type)"
+    title="文本类型"
+    :border="false"
+    label-align="left"
+  >
+    <template #right-icon>
+      <van-radio-group
+        v-model="actionQuestion.config.line_type"
+        icon-size="0.4rem"
+        direction="horizontal"
+      >
+        <van-radio :name="0">单行</van-radio>
+        <van-radio :name="1">多行</van-radio>
+      </van-radio-group>
+    </template>
+  </van-cell>
+  <van-cell-group>
+    <van-field
+      v-if="[0].includes(actionQuestion.config.text_type)"
+      v-model="actionQuestion.config.line_height"
+      label="文本高度"
+      type="number"
+      :border="false"
+      label-align="left"
+      input-align="right"
+      class="action-field"
+      placeholder="不限"
+      @blur="emit('saveOption')"
+      @update:model-value="
+        (value) => {
+          actionQuestion.config.line_height = Number(value);
+        }
+      "
+    >
+      <template #right-icon>
+        <span>行</span>
+      </template>
+    </van-field>
+    <van-field
+      v-model="actionQuestion.config.placeholder"
+      label="输入框提示"
+      :border="false"
+      label-align="left"
+      input-align="right"
+      class="action-field"
+      placeholder="不限"
+      @blur="emit('saveOption')"
+      @update:model-value="
+        (value) => {
+          actionQuestion.config.line_height = Number(value);
+        }
+      "
+    >
+    </van-field>
+  </van-cell-group>
+
+  <van-popup v-model:show="selectTextTypeModel" position="bottom" round>
+    <van-picker
+      :columns="textTypeList"
+      @confirm="confirm"
+      @cancel="selectTextTypeModel = false"
+    ></van-picker>
+  </van-popup>
+</template>
+<script setup>
+import { computed, defineEmits, ref } from 'vue';
+const props = defineProps({
+  modelValue: {
+    type: Object,
+    default: () => {
+      return {};
+    }
+  }
+});
+
+const selectTextTypeModel = ref(false);
+const textTypeList = [
+  {
+    text: '不限',
+    value: 0
+  },
+  {
+    text: '整数',
+    value: 1
+  },
+  {
+    text: '小数',
+    value: 2
+  },
+  {
+    text: '字母',
+    value: 3
+  },
+  {
+    text: '中文',
+    value: 4
+  },
+  {
+    text: 'email',
+    value: 5
+  },
+  {
+    text: '手机号',
+    value: 6
+  },
+  {
+    text: '身份证号',
+    value: 7
+  }
+];
+
+const emit = defineEmits(['update:modelValue', 'saveOption']);
+//
+const selectText = (textType) => {
+  return textTypeList.filter((item) => item.value === textType)[0].text;
+};
+const confirm = ({ selectedValues }) => {
+  actionQuestion.value.config.text_type = Number(selectedValues[0]);
+  selectTextTypeModel.value = false;
+};
+
+const actionQuestion = computed({
+  get() {
+    return props.modelValue;
+  },
+  set(newValue) {
+    emit('update:modelValue', newValue);
+  }
+});
+</script>
+<style scoped lang="scss">
+.action-field {
+  & ::v-deep .van-field__label {
+    color: #bfbfbf;
+    font-size: 14px;
+  }
+}
+</style>
diff --git a/src/views/Design/components/ActionCompoents/components/OptionItemAction/RateAction.vue b/src/views/Design/components/ActionCompoents/components/QuestionItemAction/RateQuestionAction.vue
similarity index 100%
rename from src/views/Design/components/ActionCompoents/components/OptionItemAction/RateAction.vue
rename to src/views/Design/components/ActionCompoents/components/QuestionItemAction/RateQuestionAction.vue