From 74c58b88f878c4beafcedf4f75712bbdef4f7a6a Mon Sep 17 00:00:00 2001 From: licp <lichunping@guanfang.com.cn> Date: 星期五, 19 四月 2024 10:20:25 +0800 Subject: [PATCH] 优化任务检验页面 --- src/components/do/b1-inspect-order-plan/Inspection.vue | 18 +++++++++++------- 1 files changed, 11 insertions(+), 7 deletions(-) diff --git a/src/components/do/b1-inspect-order-plan/Inspection.vue b/src/components/do/b1-inspect-order-plan/Inspection.vue index de2ae89..f3fbdc0 100644 --- a/src/components/do/b1-inspect-order-plan/Inspection.vue +++ b/src/components/do/b1-inspect-order-plan/Inspection.vue @@ -31,18 +31,22 @@ background-color: #fff; border-radius: 3px; padding: 20px; - overflow: auto; } .center-box { display: flex; align-items: center; justify-content: center; + flex-direction: column; flex-wrap: wrap; + width: 100%; + /* overflow-x: hidden; */ + overflow-x: scroll; } .tables { - margin-bottom: 16px; + table-layout:fixed; + margin: 5px 5px 16px; } .tables td { @@ -54,7 +58,7 @@ .content { display: flex; - width: 100%; + width: 100px; height: 100%; align-items: center; justify-content: left; @@ -172,12 +176,12 @@ <div class="center"> <div class="center-box"> <table border="1" class="tables" cellpadding="10" v-for="(item,index) in tableList" :key="index"> - <tbody> - <tr v-for="(m,i) in item.arr" :key="i"> + <tbody style="overflow: auto;"> + <tr v-for="(m,i) in item.arr" :key="i" style="overflow: auto;"> <!-- v-if="n.v.mc==undefined || n.v.mc.rs!=undefined" :colspan="n.v.mc&&n.v.mc.cs?n.v.mc.cs:1" :rowspan="n.v.mc&&n.v.mc.rs?n.v.mc.rs:1" --> <td :id='item.templateId+"-"+n.i+"-"+n.r+"-"+n.c' v-for="(n,j) in m" :key="j" - :style="`background:${n.v.bg};color:${n.v.fc};font-size:${n.v.fs}px;width:${item.style.columnlen[n.c]}px;height:${item.style.rowlen[n.r]}px;font-wight:${n.v.bl?'bold':''};`"> - <div class="content" :class="`content-h-${n.v.ht} content-v-${n.v.vt}`"> + :style="`background:${n.v.bg};color:${n.v.fc};font-size:${n.v.fs}px;width:${item.style.columnlen[n.c]}px !important;height:${item.style.rowlen[n.r]}px;font-wight:${n.v.bl?'bold':''};`"> + <div class="content" :class="`content-h-${n.v.ht} content-v-${n.v.vt}`" :style="`width:${item.style.columnlen[n.c]}px !important;`"> <template v-if="n.v.ps!=undefined && n.v.ps.value==='妫�楠屽��'"> <el-input v-if="getInspectionValueType(n.i) == 1" class="table_input" v-model="n.v.v" :disabled="getInspectionItemType(n.i) == 1 || (n.u != userId && n.u != undefined && n.u != '')||state>1" -- Gitblit v1.9.3