From 6a79f5b260ef61427830cb51acb652cc970a4280 Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Thu, 26 Jun 2025 09:32:42 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=B4=E5=BA=8A=E6=95=B0=E6=8D=AE=E9=85=8D?=
 =?UTF-8?q?=E7=BD=AE=E8=A1=A8=E6=A0=BC=E6=B7=BB=E5=8A=A0=E6=95=B0=E5=80=BC?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B=E5=A2=9E=E5=8A=A0=E5=B0=8F=E6=95=B0=E4=BD=8D?=
 =?UTF-8?q?=E5=88=A4=E6=96=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/QuestionTableFormItem.vue      | 162 +++++++-----------
 1 file changed, 58 insertions(+), 104 deletions(-)

diff --git a/src/components/clinicalDataQuestions/components/QuestionTableFormItem.vue b/src/components/clinicalDataQuestions/components/QuestionTableFormItem.vue
index f645558f..71ee0182 100644
--- a/src/components/clinicalDataQuestions/components/QuestionTableFormItem.vue
+++ b/src/components/clinicalDataQuestions/components/QuestionTableFormItem.vue
@@ -1,125 +1,65 @@
 <template>
   <div class="criterion-form-item">
 
-    <el-form-item
-      :label="`${question.QuestionName}`"
-      :prop="question.Id"
-      :rules="[
-        { required: (question.IsRequired === 0 || (question.IsRequired ===1 && question.RelevanceId && !!~question.RelevanceValueList.indexOf(questionForm[question.RelevanceId]))),
-          message: $t('common:ruleMessage:specify'), trigger: ['blur'],
-          type: question.ClinicalTableQuestionType === 'checkbox' ? 'array' : ''},
-      ]"
-      :class="[question.ClinicalTableQuestionType==='group'?'mb':question.ClinicalTableQuestionType==='upload'?'uploadWrapper':'']"
-    >
-      <el-input
-        v-if="question.ClinicalTableQuestionType==='input'"
-        v-model="questionForm[question.Id]"
-        :max-length="200"
-        :disabled="question.TableQuestionType === 2"
-      />
+    <el-form-item :label="`${question.QuestionName}`" :prop="question.Id" :rules="[
+      {
+        required: (question.IsRequired === 0 || (question.IsRequired === 1 && question.RelevanceId && !!~question.RelevanceValueList.indexOf(questionForm[question.RelevanceId]))),
+        message: $t('common:ruleMessage:specify'), trigger: ['blur'],
+        type: question.ClinicalTableQuestionType === 'checkbox' ? 'array' : ''
+      },
+    ]"
+      :class="[question.ClinicalTableQuestionType === 'group' ? 'mb' : question.ClinicalTableQuestionType === 'upload' ? 'uploadWrapper' : '']">
+      <el-input v-if="question.ClinicalTableQuestionType === 'input'" v-model="questionForm[question.Id]"
+        :max-length="200" :disabled="question.TableQuestionType === 2" />
       <!-- 多行文本输入框 -->
-      <el-input
-        v-if="question.ClinicalTableQuestionType==='textarea'"
-        v-model="questionForm[question.Id]"
-        :max-length="200"
-        type="textarea"
-        :autosize="{ minRows: 2, maxRows: 4}"
-      />
+      <el-input v-if="question.ClinicalTableQuestionType === 'textarea'" v-model="questionForm[question.Id]"
+        :max-length="200" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" />
       <!-- 下拉框 -->
-      <el-select
-        v-if="question.ClinicalTableQuestionType==='select'"
-        v-model="questionForm[question.Id]"
-        clearable
-        :disabled="(question.TableQuestionType === 2 || question.QuestionGenre === 2) && !!question.DictionaryCode"
-      >
+      <el-select v-if="question.ClinicalTableQuestionType === 'select'" v-model="questionForm[question.Id]" clearable
+        :disabled="(question.TableQuestionType === 2 || question.QuestionGenre === 2) && !!question.DictionaryCode">
         <template v-if="question.TableQuestionType === 1">
-          <el-option
-            v-for="item in organList"
-            :key="item.Id"
-            :label="item[question.DataTableColumn]"
-            :value="item[question.DataTableColumn]"
-          />
+          <el-option v-for="item in organList" :key="item.Id" :label="item[question.DataTableColumn]"
+            :value="item[question.DataTableColumn]" />
         </template>
         <template v-else-if="question.TableQuestionType === 3 || question.QuestionGenre === 3">
-          <el-option
-            v-for="item of $d[question.DictionaryCode]"
-            :key="item.id"
-            :value="item.value"
-            :label="item.label"
-          />
+          <el-option v-for="item of $d[question.DictionaryCode]" :key="item.id" :value="item.value"
+            :label="item.label" />
         </template>
-        <template v-else-if="(question.TableQuestionType === 2 || question.QuestionGenre === 2) && question.DictionaryCode">
-          <el-option
-            v-for="item of $d[question.DictionaryCode]"
-            :key="item.id"
-            :value="item.value"
-            :label="item.label"
-          />
+        <template
+          v-else-if="(question.TableQuestionType === 2 || question.QuestionGenre === 2) && question.DictionaryCode">
+          <el-option v-for="item of $d[question.DictionaryCode]" :key="item.id" :value="item.value"
+            :label="item.label" />
         </template>
         <template v-else>
-          <el-option
-            v-for="val in question.TypeValue.split('|')"
-            :key="val"
-            :label="val"
-            :value="val"
-          />
+          <el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val" :value="val" />
         </template>
 
       </el-select>
       <!-- 单选 -->
-      <el-date-picker
-        v-if="question.ClinicalTableQuestionType === 'time'"
-        v-model="questionForm[question.Id]"
-        format="yyyy-MM-dd"
-        value-format="yyyy-MM-dd"
-        style="width: 200px"
-        align="right"
-        type="date"
-      />
+      <el-date-picker v-if="question.ClinicalTableQuestionType === 'time'" v-model="questionForm[question.Id]"
+        format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px" align="right" type="date" />
       <!-- 单选 -->
-      <el-radio-group
-        v-if="question.ClinicalTableQuestionType==='radio'"
-        v-model="questionForm[question.Id]"
-        @change="((val)=>{formItemChange(val, question)})"
-      >
+      <el-radio-group v-if="question.ClinicalTableQuestionType === 'radio'" v-model="questionForm[question.Id]"
+        @change="((val) => { formItemChange(val, question) })">
         <template v-if="question.DictionaryCode">
-          <el-radio
-            v-for="item of $d[question.DictionaryCode]"
-            :key="item.id"
-            :label="item.value"
-          >
+          <el-radio v-for="item of $d[question.DictionaryCode]" :key="item.id" :label="item.value">
             {{ item.label }}
           </el-radio>
         </template>
         <template v-if="question.TypeValue">
-          <el-radio
-            v-for="val in question.TypeValue.split('|')"
-            :key="val"
-            :label="val"
-          >
+          <el-radio v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
             {{ val }}
           </el-radio>
         </template>
       </el-radio-group>
       <!-- 复选框 -->
-      <el-checkbox-group
-        v-if="question.ClinicalTableQuestionType==='checkbox'"
-        v-model="questionForm[question.Id]"
-      >
-        <el-checkbox
-          v-for="val in question.TypeValue.split('|')"
-          :key="val"
-          :label="val"
-        >
+      <el-checkbox-group v-if="question.ClinicalTableQuestionType === 'checkbox'" v-model="questionForm[question.Id]">
+        <el-checkbox v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
           {{ val }}
         </el-checkbox>
       </el-checkbox-group>
-      <el-input
-        v-if="question.ClinicalTableQuestionType === 'number'"
-        v-model="questionForm[question.Id]"
-        type="number"
-        style="width: 200px"
-      >
+      <el-input v-if="question.ClinicalTableQuestionType === 'number'" v-model="questionForm[question.Id]" type="number"
+        @input="limitInput($event, questionForm, question)" style="width: 200px">
         <template v-if="question.Unit" slot="append">{{ question.Unit }}</template>
       </el-input>
     </el-form-item>
@@ -187,6 +127,14 @@ export default {
     }
   },
   methods: {
+    limitInput(value, form, row) {
+      if (value.indexOf('.') > -1) {
+        if (value.split('.')[1].length >= row.DigitPlaces) {
+          this.$set(form, row.Id, parseFloat(value).toFixed(row.DigitPlaces))
+        }
+      }
+      this.$forceUpdate()
+    },
     save() {
     },
     openAddTableCol(row) {
@@ -220,34 +168,40 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.my_dialog{
-  .criterion-form-item{
-    ::v-deep .el-form-item__content{
+.my_dialog {
+  .criterion-form-item {
+    ::v-deep .el-form-item__content {
       width: auto;
     }
   }
 }
-.criterion-form-item{
-  .el-form-item{
+
+.criterion-form-item {
+  .el-form-item {
     display: flex;
     flex-direction: row;
     align-items: flex-start;
   }
-  ::v-deep .el-form-item__content{
+
+  ::v-deep .el-form-item__content {
     width: 500px;
   }
-  .el-input{
-    width:100%;
+
+  .el-input {
+    width: 100%;
   }
-  .mb{
+
+  .mb {
     margin-bottom: 0px;
   }
-  .disabled{
+
+  .disabled {
     ::v-deep .el-upload--picture-card {
       display: none;
     }
   }
-  .uploadWrapper{
+
+  .uploadWrapper {
     display: flex;
     flex-direction: column;
     align-items: flex-start;