From 59243bca134a91b8a4649ab71b818db1e3cb2c3c Mon Sep 17 00:00:00 2001 From: yaowanxin <3588231647@qq.com> Date: 星期二, 08 七月 2025 13:48:15 +0800 Subject: [PATCH] 数据显示形式 --- src/views/business/inspectionTask/inspection.vue | 18 ++++++++++++++++++ 1 files changed, 18 insertions(+), 0 deletions(-) diff --git a/src/views/business/inspectionTask/inspection.vue b/src/views/business/inspectionTask/inspection.vue index 3ac981d..2d2eb32 100644 --- a/src/views/business/inspectionTask/inspection.vue +++ b/src/views/business/inspectionTask/inspection.vue @@ -422,6 +422,8 @@ <td :rowspan="item.child.length">{{ item.faName }}</td> <td>{{ item.child[0].name }}</td> <td style="text-align: left"> + <!-- 娣诲姞瀹瑰櫒 div --> + <div class="data-collection-items"> <el-select v-if="item.child[0].isShowSelect" v-model="item.child[0].getDataIndex1" :multiple-limit="item.child[0].maxNum" clearable filterable multiple placeholder="璇烽�夋嫨" @change="setData(item)"> @@ -446,11 +448,14 @@ :max="item.child[0].maxNum"> <el-checkbox v-for="(n, j) in item.child[0].arr" :key="j" :label="j + '^' + n">{{ n }}</el-checkbox> </el-checkbox-group> + </div> </td> </tr> <tr v-for="(m, i) in item.child" v-show="i > 0" :key="i + 'bbbbbbbbbbbbbb'"> <td>{{ m.name }}</td> <td style="text-align: left"> + <!-- 娣诲姞瀹瑰櫒 div --> + <div class="data-collection-items"> <el-select v-if="m.isShowSelect" v-model="m.getDataIndex1" :multiple-limit="m.maxNum" clearable filterable multiple placeholder="璇烽�夋嫨"> <el-option v-for="(item, index1) in m.arr" :key="index1" :label="index + 1 + '^' + item.result" @@ -473,6 +478,7 @@ <el-checkbox-group v-if="!m.isShowSelect" v-model="m.getDataIndex1" :max="m.maxNum"> <el-checkbox v-for="(n, j) in m.arr" :key="j" :label="j + '^' + n">{{ n }}</el-checkbox> </el-checkbox-group> + </div> </td> </tr> </template> @@ -3151,4 +3157,16 @@ max-width: 1000px; /* 璁剧疆鏈�澶у搴� */ } + + +.data-collection-items { + display: flex; + flex-wrap: wrap; +} +.data-collection-items .el-select, +.data-collection-items .el-checkbox { + flex-basis: 20% ; + box-sizing: border-box; + padding: 5px 2%; +} </style> -- Gitblit v1.9.3