feat：元素校验范围

2025-11-12 10:19:30 +08:00
parent 970a8b8eae
commit 3a5acea5a3
2 changed files with 167 additions and 46 deletions
--- a/pages/analysis/sample/sample-work-detail.vue
+++ b/pages/analysis/sample/sample-work-detail.vue
@@ -105,6 +105,18 @@
            确认采集
          </u-button>
        </view>
+        <view v-if="selectedField.fillingWay === 'input'" class="p8">
+          <up-textarea v-model="inputValue" placeholder="请输入内容"></up-textarea>
+          <view class="x-c mt20 pl100 pr100">
+            <up-button @click="handleResetInputValue" style="width: 30%" :plain="true" text="清空"></up-button>
+            <up-button
+              @click="selectedField.value = inputValue"
+              style="width: 30%"
+              type="success"
+              text="确认"
+            ></up-button>
+          </view>
+        </view>
      </u-col>
      <u-col span="3">
        <view>
@@ -122,39 +134,41 @@
                      :id="'elId' + groupIndex"
                      :style="{ height: fields.open ? collaHeights[groupIndex] + 'px' : '0' }"
                    > -->
-              <up-collapse ref="collapseRef" :value="activeCollapses">
+              <up-collapse ref="collapseRef" :value="activeCollapses" :border="false">
                <template v-for="(fields, groupIndex) in currentGroup">
-                  <up-collapse-item v-if="fields.label !== '全部'" :title="fields.label">
-                    <view
-                      class="form-item-my"
-                      v-for="(field, fieldIndex) in fields.fields"
-                      @click="fieldClick(field, groupIndex + '-' + fieldIndex)"
-                      :key="groupIndex + '-' + fieldIndex"
-                      v-show="field.hidden != 1"
-                      :class="{
-                        'selected-field': groupFieldIndex === groupIndex + '-' + fieldIndex,
-                        'disabled-field': !field.isEdit
-                      }"
-                    >
+                  <up-collapse-item v-if="fields.label !== '全部'">
+                    <template #title>
+                      <text class="font-bold">{{ fields.label }}</text>
+                    </template>
+                    <template v-for="(field, fieldIndex) in fields.fields" :key="groupIndex + '-' + fieldIndex">
                      <view
-                        :class="['label-my', { 'label-high-light': field.highlight == 1 }]"
-                        v-html="field.title"
-                      ></view>
-                      <view class="content-my">
-                        <!--
+                        class="form-item-my"
+                        @click="fieldClick(field, groupIndex + '-' + fieldIndex)"
+                        v-show="field.hidden != 1"
+                        :class="{
+                          'selected-field': groupFieldIndex === groupIndex + '-' + fieldIndex,
+                          'disabled-field': !field.isEdit
+                        }"
+                      >
+                        <view
+                          :class="['label-my', { 'label-high-light': field.highlight == 1 }]"
+                          v-html="field.title"
+                        ></view>
+                        <view class="content-my">
+                          <!--
 							    如果是select，渲染2个组件：1个input、1个picker.
 							    field.valueText用于显示picker选中的文本
                  1，键盘输入，2、天平，3、自动计算，4、文本输入
 							    -->
-                        <u-input
+                          <!-- <u-input
                          border="bottom"
                          style="width: 120px"
                          v-if="field.fillingWay == 'input'"
                          v-model="field.value"
                          placeholder="请输入"
-                        />
+                        /> -->

-                        <!-- <view v-if="field.type === 'select'" class="x-bc select-my" @click="field.showPicker = true">
+                          <!-- <view v-if="field.type === 'select'" class="x-bc select-my" @click="field.showPicker = true">
                            <text v-if="field.valueText">{{ field.valueText }}</text>
                            <text v-else>请选择</text>
                            <u-icon name="arrow-down" size="20"></u-icon>
@@ -167,19 +181,26 @@
                            @cancel="field.showPicker = false"
                            @confirm="event => dicPickerConfirm(event, field)"
                          /> -->
-                        <!--普通输入框 使用文本显示-->
-                        <view class="content-my-text" v-if="field.dataType != 'select' && field.fillingWay != 'input'">
-                          <text v-if="!field.value" class="content-my-text-placeholder">{{
-                            !field.fillingWay || field.fillingWay == 'calculate' ? '计算值' : '请输入'
-                          }}</text>
-                          <text
-                            v-else
-                            :class="['content-my-text-value', { 'field-high-light': field.highlight == 1 }]"
-                            >{{ field.value }}</text
-                          >
+                          <!--普通输入框 使用文本显示-->
+                          <view class="content-my-text" v-if="field.dataType != 'select'">
+                            <text v-if="!field.value" class="content-my-text-placeholder">{{
+                              !field.fillingWay || field.fillingWay == 'calculate' ? '计算值' : '请输入'
+                            }}</text>
+                            <text
+                              v-else
+                              :class="['content-my-text-value', { 'field-high-light': field.highlight == 1 }]"
+                              >{{ field.value }}</text
+                            >
+                          </view>
                        </view>
                      </view>
-                    </view>
+                      <view
+                        v-if="field.validation"
+                        class="fs12"
+                        :class="field.validation?.promptType === 'warning' ? 'valid-warning' : 'valid-error'"
+                        >{{ field.validation?.promptMsg }}</view
+                      >
+                    </template>
                  </up-collapse-item>
                </template>
              </up-collapse>
@@ -211,7 +232,8 @@ import {
  handleRoundFiveNumber,
  calcRowAnalysisValue,
  math,
-  groupByField
+  groupByField,
+  validateElementRange
 } from '@/nx/helper/calcAnalysisValue'
 import { number } from 'mathjs'
 import AuncelSelectPopup from '@/components/sample/auncel-select-popup.vue'
@@ -255,7 +277,11 @@ const busSubCSampleId = ref('')
 let fieldGroup = ref([])
 const collaHeights = ref([])
 const cupNumKey = '杯号'
+const inputValue = ref('')

+function handleResetInputValue() {
+  inputValue.value = ''
+}
 // refs
 const myKeyboard = ref(null)
 const auncelSelector = ref(null)
@@ -312,7 +338,10 @@ const parameterClassifyChange = v => {
 }

 const fieldClick = (field, key) => {
-  if (!field.isEdit || field.fillingWay === 'input') return
+  if (!field.isEdit) return
+  if (field.fillingWay === 'input') {
+    inputValue.value = field.value
+  }
  selectedField.value = field
  groupFieldIndex.value = key
  if (myKeyboard.value) {
@@ -567,7 +596,27 @@ const checkBh = () => {
  }
  return true
 }
-
+const checkRange = async () => {
+  for (const g of fieldGroup.value) {
+    for (const f of g.fields) {
+      if (f.validation) {
+        if (f.validation.promptType === 'error') {
+          nx.$helper.showToast({
+            title: '存在范围校验错误，请修正后再保存！',
+            icon: 'error',
+            duration: 2000
+          })
+          return false
+        }
+        if (f.validation.promptType === 'warning') {
+          const confirm = await tools.showPromiseModal('提示', '检测到范围警告，是否继续保存？')
+          return confirm
+        }
+      }
+    }
+  }
+  return true // 无问题，通过
+}
 const saveAuncelData = () => {
  //保存数据
  if (!weightDataIsToZero.value) {
@@ -625,6 +674,8 @@ const dynamicFormData = {}
 const saveDetail = async () => {
  //检查杯号
  if (!checkBh()) return
+  // 检查范围校验
+  if (!(await checkRange())) return
  setValueToSample()
  let params = {
    businessAssayTaskId: taskId.value
@@ -634,7 +685,7 @@ const saveDetail = async () => {
  if (activeAssayTypeKey.value === 'kby' || activeAssayTypeKey.value === 'by') {
    // 处理其他页签的输入变化
    const configInfomation = currentAssayType.value.configQCSampleMethodInfo
-    const row = sampleDataList.value[currentSampleIndex.value]
+    const row = currentSampleData.value
    configInfomation.forEach(item => {
      const sourceKey = item.source
      const sourceValue = row[sourceKey]
@@ -657,7 +708,7 @@ const saveDetail = async () => {
      analysisType: item.value
    }))
  } else {
-    const datas = sampleDataList.value[currentSampleIndex.value]
+    const datas = currentSampleData.value
    params.assayTaskAnalysisDataList = [{ datas: [datas], analysisType: activeAssayTypeKey.value }]
  }

@@ -703,14 +754,14 @@ function setValueToSample() {
  let fields = fieldGroup.value.flatMap(item => item.fields)
  fields.forEach(item => {
    if (
-      sampleDataList.value[currentSampleIndex.value].hasOwnProperty(item.fieldIndex) &&
-      nx.$test.object(sampleDataList.value[currentSampleIndex.value][item.fieldIndex])
+      currentSampleData.value.hasOwnProperty(item.fieldIndex) &&
+      nx.$test.object(currentSampleData.value[item.fieldIndex])
    ) {
-      sampleDataList.value[currentSampleIndex.value][item.fieldIndex].value = item.value
+      currentSampleData.value[item.fieldIndex].value = item.value
    }
    // 初始化的时候保存杯号到样品中后续自动生成杯号用
    if (item.title === cupNumKey && currentSampleIndex.value == 0) {
-      sampleDataList.value[currentSampleIndex.value].cupNum = item.value
+      currentSampleData.value.cupNum = item.value
    }
  })
 }
@@ -828,7 +879,7 @@ let assayGroups = ref([])
 const activeAssayTypeKey = ref('')
 const activeAssayTypeIndex = ref(0)
 //元素结果范围
-let conRangeElementAnalysisList = []
+let conRangeElementAnalysisList = ref([])
 const currentAssayType = computed(() => {
  return assayGroups.value.find(item => item.value === activeAssayTypeKey.value)
 })
@@ -856,6 +907,21 @@ const currentGroup = computed(() => {
    return fieldGroup.value.filter(g => g.value === curParameterKey.value)
  }
 })
+watch(
+  () => currentGroup.value,
+  () => {
+    fieldGroup.value.forEach(item => {
+      item.fields.forEach(field => {
+        const validation = validateElementRange(
+          field.fieldIndex,
+          currentSampleData.value,
+          conRangeElementAnalysisList.value
+        )
+        field.validation = validation
+      })
+    })
+  }
+)
 const collapseRef = ref()
 const activeCollapses = ref([])
 function handleAssayTypeChange({ index, value }) {
@@ -893,7 +959,7 @@ async function getSampleAnalysisByTaskId() {
  if (!activeAssayTypeKey.value) {
    activeAssayTypeKey.value = assayGroups.value.length > 0 ? assayGroups.value[0].value : ''
  }
-  conRangeElementAnalysisList = configAssayMethodProjectRangeList || []
+  conRangeElementAnalysisList.value = configAssayMethodProjectRangeList || []
 }
 // 设置字段值
 function setValueToField() {
@@ -905,7 +971,7 @@ function setValueToField() {
  }
 }
 function getFieldValue(field) {
-  const fieldValue = sampleDataList.value[currentSampleIndex.value][field.fieldIndex]?.value
+  const fieldValue = currentSampleData.value[field.fieldIndex]?.value
  if (fieldValue) {
    return fieldValue
  } else {
@@ -1176,8 +1242,7 @@ onBackPress(() => {
 .form-item-my {
  display: flex;
  align-items: center;
-  margin-bottom: 10px;
-  height: 35px;
+  min-height: 35px;
  font-size: 13px;
  border-bottom: 1px solid #dcdcdc;
 }
@@ -1233,6 +1298,12 @@ onBackPress(() => {
 .content-right-scroll {
  height: 68vh;
 }
+.valid-warning {
+  color: orange;
+}
+.valid-error {
+  color: red;
+}

 .u-tab-item {
  display: flex;