feat:[公共组件][customTabel增加checkbox-待测试]

src/components/Template/CustomTable.vue

@@ -122,6 +122,19 @@
 										@update:error="onErrorUpdate(rowIndex, colIndex, col.prop, $event)" />
 								</div>
 							</template>
+							<template v-else-if="col.bodyType === 'checkbox'">
+								<div class="flex flex-wrap">
+									<HandleFormItem
+										:fieldKey="prefixKey + '_' + col.prop + '_' + rowIndex"
+										:fieldItemLabel="fieldItemLabel" 
+										type="checkbox" 
+										v-model="row[col.prop]"
+										:item="getBodyItem(col, rowIndex)"
+										@change="onCheckboxChange(rowIndex, colIndex, col, $event)"
+										:error="hasError(rowIndex, colIndex, col.prop)"
+										@update:error="onErrorUpdate(rowIndex, colIndex, col.prop, $event)" />
+								</div>
+							</template>
 
 							</div>
 							<div v-show="isShowOther(row[col.prop], col)" class="flex flex1">
@@ -342,6 +355,18 @@ export default {
 			this.onErrorUpdate(rowIndex, colIndex, col.prop, !isValid);
 			this.$emit("onCheckboxTagChange", rowIndex, col, value)
 		},
+		// checkbox变化
+		onCheckboxChange(rowIndex, colIndex, col, value) {
+			this.localDataSource[rowIndex][col.prop] = value;
+			// 输入时清除对应表单项的错误状态
+			this.formErrors = this.formErrors.filter(error =>
+				!(error.rowIndex === rowIndex &&
+					error.colIndex === colIndex &&
+					error.field === col.prop)
+			);
+			this.$emit("onCheckboxChange", rowIndex, col, value);
+			this.justUpdateFilledFormData();
+		},
 		handleClickButton(e, data, key, rowIndex, colIndex) {
 			this.$emit("clickButton", key, rowIndex, colIndex, e, data,)
 		},
@@ -524,6 +549,23 @@ export default {
 									this.formErrors.push(errorItem);
 								}
 							}
+						} else if (col.bodyType === "checkbox") {
+							// checkbox类型的校验逻辑 - 通常checkbox不需要必填校验，除非明确指定
+							// 如果需要必填，可以检查是否至少选中一个
+							if (col.required && !col.bodyDisabled) {
+								const hasChecked = Array.isArray(mainValue) ? mainValue.length > 0 : mainValue;
+								if (!hasChecked) {
+									const errorItem = {
+										rowIndex,
+										colIndex,
+										field: col.prop,
+										label: this.$t(col.label),
+										error: `请选择${this.$t(col.label)}`
+									};
+									errors.push(errorItem);
+									this.formErrors.push(errorItem);
+								}
+							}
 						} else {
 							if (isValueEmpty(mainValue) && !col.bodyDisabled && col.bodyType !== 'span' && col.bodyType !== 'button') {
 								const errorItem = {
@@ -735,6 +777,15 @@ export default {
 			if (col.bodyDisabled) {
 				item.disabled = col.bodyDisabled;
 			}
+			// 支持动态checkboxLabel - 从行数据中获取
+			const dynamicLabelKey = col.prop + 'Label';
+			if (currentItem && currentItem[dynamicLabelKey]) {
+				// 优先从行数据中获取动态label（如jzbh1Label）
+				item.checkboxLabel = currentItem[dynamicLabelKey];
+			} else if (col.checkboxLabel !== undefined && col.checkboxLabel !== '') {
+				// 否则使用列配置的checkboxLabel
+				item.checkboxLabel = this.$t(col.checkboxLabel);
+			}
 			return item
 		},
 		getBodyButtonItem(col,) {

src/lang/en/template/dl.js

@@ -40,7 +40,12 @@ export default {
   dl008: {
     ...common,
     cxqk: 'Imaging Status',
-    wrqk: 'Contamination Status'
+    wrqk: 'Contamination Status',
+    jlzb: 'Dose Group',
+    jzbh1: 'Strain Number',
+    jzbh2: 'Strain Number',
+    jzbh3: 'Strain Number',
+    jzbh4: 'Strain Number'
   },
   dl009: {
     ...common,

src/lang/zh/template/dl.js

@@ -40,7 +40,12 @@ export default {
   dl008: {
     ...common,
     cxqk: '成像情况',
-    wrqk: '污染情况'
+    wrqk: '污染情况',
+    jlzb: '剂量组别',
+    jzbh1: '菌种编号',
+    jzbh2: '菌种编号',
+    jzbh3: '菌种编号',
+    jzbh4: '菌种编号'
   },
   dl009: {
     ...common,

src/views/business/comps/template/comps/dl/DL008.vue

@@ -52,9 +52,12 @@
             :columns="cxqkColumns"
             :ref="refConf.cxqk"
             @onRegentSubmit="(e) => onRegentSubmit(e)"
-            :showOperation="fillType === 'actFill'"
-            :formData="formData"
+            :showOperation="false"
+            :showAddRow="false"
+            :formData="cxqkFormData"
             :prefixKey="`cxqkTable`"
+            :isBorder="true"
+            :showSort="false"
           >
           </CustomTable>
           <BaseInfoFormPackage
@@ -114,6 +117,13 @@ export default {
     }
   },
   computed: {
+    // 成像情况表格数据
+    cxqkFormData() {
+      return {
+        stepTableFormData: this.formData.stepTableFormData_1 || [],
+        headerSelectFields: {}
+      }
+    },
     // 备注表单配置
     remarkConfig() {
       return [
@@ -203,9 +213,45 @@ export default {
         }
       ]
     },
-    // 成像情况-操作信息列表信息 TODO:数据结构可能需要动态生成
+    // 成像情况-checkbox网格配置
     cxqkColumns() {
-      return []
+      return [
+        {
+          label: 'template.dl.dl008.jlzb',
+          prop: 'jlzb',
+          bodyType: 'input',
+          bodyFillType: 'actFill',
+          width: 100
+        },
+        {
+          label: 'template.dl.dl008.jzbh1',
+          prop: 'jzbh1',
+          bodyType: 'checkbox',
+          bodyFillType: 'actFill',
+          width: 150
+        },
+        {
+          label: 'template.dl.dl008.jzbh2',
+          prop: 'jzbh2',
+          bodyType: 'checkbox',
+          bodyFillType: 'actFill',
+          width: 150
+        },
+        {
+          label: 'template.dl.dl008.jzbh3',
+          prop: 'jzbh3',
+          bodyType: 'checkbox',
+          bodyFillType: 'actFill',
+          width: 150
+        },
+        {
+          label: 'template.dl.dl008.jzbh4',
+          prop: 'jzbh4',
+          bodyType: 'checkbox',
+          bodyFillType: 'actFill',
+          width: 150
+        }
+      ]
     },
     // 仪器使用信息
     yqsyColumns() {
@@ -266,7 +312,9 @@ export default {
       refConf
     }
   },
-  mounted() {},
+  mounted() {
+    // 模拟数据已移除，使用真实数据回显
+  },
   methods: {
     // 删除表格行
     deleteTableRow(rowIndex, refName) {

src/views/business/comps/template/comps/dl/DL009.vue

@@ -91,7 +91,6 @@ import LineLabel from '@/components/Template/LineLabel'
 import TableList from '@/components/Template/Table'
 import Step from '@/components/Template/Step'
 import templateMixin from '../../mixins/templateMixin'
-import moment from 'moment'
 
 const refConf = {
   base: 'baseInfoRef',