盲板表格绘制完成

This commit is contained in:
Vce 2024-05-18 01:10:24 +08:00
parent 1fec7cc2cb
commit b08e8984b4
3 changed files with 131 additions and 142 deletions

View File

@ -37,10 +37,10 @@
<view class="list-info"> <view class="list-info">
实际作业开始时间<text class="detail-data">{{detailData.actualJobBeginTime}}</text> 实际作业开始时间<text class="detail-data">{{detailData.actualJobBeginTime}}</text>
</view> </view>
<view class="list-info"> <!-- <view class="list-info">
设备管道名称<text class="detail-data">{{detailData.devPipelineName}}</text> 设备管道名称<text class="detail-data">{{detailData.devPipelineName}}</text>
</view> </view> -->
<view class="list-info"> <!-- <view class="list-info">
温度介质压力<text class="detail-data"> 温度介质压力<text class="detail-data">
<text v-for="(item,i) in JSON.parse(detailData.blindPlateParameter)"> <text v-for="(item,i) in JSON.parse(detailData.blindPlateParameter)">
<text style="margin-right: 12rpx;">{{item.temperature||'无'}}</text> <text style="margin-right: 12rpx;">{{item.temperature||'无'}}</text>
@ -48,8 +48,8 @@
<text style="margin-right: 12rpx;">{{item.pressure||'无'}}</text> <text style="margin-right: 12rpx;">{{item.pressure||'无'}}</text>
</text> </text>
</text> </text>
</view> </view> -->
<view class="list-info"> <!-- <view class="list-info">
材质数量规格<text class="detail-data"> 材质数量规格<text class="detail-data">
<text v-for="(item,i) in JSON.parse(detailData.pipelineParameter)"> <text v-for="(item,i) in JSON.parse(detailData.pipelineParameter)">
<text style="margin-right: 12rpx;">{{item.materialQuality||'无'}}</text> <text style="margin-right: 12rpx;">{{item.materialQuality||'无'}}</text>
@ -57,16 +57,10 @@
<text style="margin-right: 12rpx;">{{item.specifications||'无'}}</text> <text style="margin-right: 12rpx;">{{item.specifications||'无'}}</text>
</text> </text>
</text> </text>
</view> </view> -->
<view class="list-info"> <view class="list-info">
监护人<text class="detail-data">{{detailData.guardianName}}</text> 监护人<text class="detail-data">{{detailData.guardianName}}</text>
</view> </view>
<view class="list-info">
风险辨识结果<text class="detail-data">{{detailData.riskIdentificationResult}}</text>
</view>
<view class="list-info">
关联的其他特殊作业及安全作业票编号<text class="detail-data">{{detailData.otherRelatedSpecialTask}}</text>
</view>
<view class="list-info"> <view class="list-info">
盲板编号<text class="detail-data">{{detailData.blindPlateNo}}</text> 盲板编号<text class="detail-data">{{detailData.blindPlateNo}}</text>
</view> </view>
@ -82,34 +76,47 @@
</text> </text>
</text> </text>
</view> </view>
<!-- <view class="table-info" style=""> <view class="list-info">
<view class="teble-list"> 编制人<text class="detail-data">{{detailData.organizer}}</text>
</view>
<view class="list-info">
编制日期<text class="detail-data">{{detailData.organizerDate}}</text>
</view>
<view class="list-info">
风险辨识结果<text class="detail-data">{{detailData.riskIdentificationResult}}</text>
</view>
<view class="list-info">
关联的其他特殊作业及安全作业票编号<text class="detail-data">{{detailData.otherRelatedSpecialTask}}</text>
</view>
<view class="table-info" style="">
<scroll-view :scroll-x="true" class="teble-list">
<view class="teble-item"> <view class="teble-item">
<view class="item-col" style="background-color: lightgray;">气体取样分析时间</view> <view class="table-item-inner">
<view class="item-col" style="background-color: lightgray;">代表性气体</view> <view class="item-col" style="display: flex;justify-content: center;align-items: flex-end;line-height: 20rpx;"><text>设备管道</text></view>
<view class="item-col" style="background-color: lightgray;">分析结果/%</view> <view class="item-col" style="width: 665rpx;">管道参数</view>
<view class="item-col" style="margin-bottom: 5rpx;background-color: lightgray;">分析人</view> <view class="item-col" style="margin-right: 5rpx;width: 665rpx;">盲板参数</view>
</view>
<view class="table-item-inner">
<view class="item-col" style="margin-top: 0;display: flex;justify-content: center;align-items: flex-start;line-height: 20rpx;">名称</view>
<view class="item-col" style="">介质</view>
<view class="item-col" style="">温度</view>
<view class="item-col" style="">压力</view>
<view class="item-col" style="">材质</view>
<view class="item-col" style="">规格</view>
<view class="item-col" style="margin-right: 5rpx;">编号</view>
</view>
<view class="table-item-inner" style="padding-bottom: 5rpx;">
<view class="item-col" style="">{{detailData.devPipelineName}}</view>
<view class="item-col" style="">{{JSON.parse(detailData.blindPlateParameter)[0].medium}}</view>
<view class="item-col" style="">{{JSON.parse(detailData.blindPlateParameter)[0].temperature}}</view>
<view class="item-col" style="">{{JSON.parse(detailData.blindPlateParameter)[0].pressure}}</view>
<view class="item-col" style="">{{JSON.parse(detailData.pipelineParameter)[0].materialQuality}}</view>
<view class="item-col" style="">{{JSON.parse(detailData.pipelineParameter)[0].specifications}}</view>
<view class="item-col" style="margin-right: 5rpx;">{{JSON.parse(detailData.pipelineParameter)[0].number}}</view>
</view>
</view> </view>
<view class="teble-item"> </scroll-view>
<view class="item-col" style="background-color: lightgray;">{{detailData.xzGasAnalyzeList[0]?detailData.xzGasAnalyzeList[0].gasAnalyzeTime:''}}</view> </view>
<view class="item-col">{{detailData.xzGasAnalyzeList[0]?detailData.xzGasAnalyzeList[0].representativeGas:''}}</view>
<view class="item-col">{{detailData.xzGasAnalyzeList[0]?detailData.xzGasAnalyzeList[0].analyzeResult:''}}</view>
<view class="item-col" style="margin-bottom: 5rpx;">{{detailData.xzGasAnalyzeList[0]?detailData.xzGasAnalyzeList[0].analyzer:''}}</view>
</view>
<view class="teble-item">
<view class="item-col" style="background-color: lightgray;">{{detailData.xzGasAnalyzeList[1]?detailData.xzGasAnalyzeList[1].gasAnalyzeTime:''}}</view>
<view class="item-col">{{detailData.xzGasAnalyzeList[1]?detailData.xzGasAnalyzeList[1].representativeGas:''}}</view>
<view class="item-col">{{detailData.xzGasAnalyzeList[1]?detailData.xzGasAnalyzeList[1].analyzeResult:''}}</view>
<view class="item-col" style="margin-bottom: 5rpx;">{{detailData.xzGasAnalyzeList[1]?detailData.xzGasAnalyzeList[1].analyzer:''}}</view>
</view>
<view class="teble-item">
<view class="item-col" style="background-color: lightgray;">{{detailData.xzGasAnalyzeList[2]?detailData.xzGasAnalyzeList[2].gasAnalyzeTime:''}}</view>
<view class="item-col">{{detailData.xzGasAnalyzeList[2]?detailData.xzGasAnalyzeList[2].representativeGas:''}}</view>
<view class="item-col">{{detailData.xzGasAnalyzeList[2]?detailData.xzGasAnalyzeList[2].analyzeResult:''}}</view>
<view class="item-col" style="margin-bottom: 5rpx;">{{detailData.xzGasAnalyzeList[2]?detailData.xzGasAnalyzeList[2].analyzer:''}}</view>
</view>
</view>
</view> -->
<view class="safe-mesure"> <view class="safe-mesure">
<view class="safe-btn" @click="goSafeMesure">查看安全措施</view> <view class="safe-btn" @click="goSafeMesure">查看安全措施</view>
</view> </view>
@ -409,31 +416,35 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background-color: #fff; background-color: #fff;
// background-color: lightgray;
.teble-list{ .teble-list{
display: flex; display: flex;
justify-content: flex-start;
width: 100%;
font-size: 18rpx; font-size: 18rpx;
background-color: gainsboro; width: 99%;
// margin: 0 5rpx;
background-color: #fff;
white-space: nowrap;
.teble-item{ .teble-item{
width: 24.8%; display: inline-block;
line-height: 40rpx; white-space: normal;
// border: 1rpx solid black; .table-item-inner{
// background-color: darkred; background-color: lightgray;
.item-col{ display: flex;
// margin: 0 5rpx; // min-width: 200rpx;
margin-left: 5rpx;
margin-top: 5rpx; .item-col{
padding: 3rpx; width: 220rpx;
text-align: center; padding: 3rpx;
background-color: #fff; margin-top: 5rpx;
margin-left: 5rpx;
line-height: 50rpx;
text-align: center;
background-color: #F6F6F6;
}
} }
} }
} }
.u-td{
height: auto;
}
} }
.dangerbig-details{ .dangerbig-details{
min-height: 100%; min-height: 100%;

View File

@ -55,21 +55,20 @@
风险辨识结果<text class="detail-data">{{detailData.riskIdentificationResult}}</text> 风险辨识结果<text class="detail-data">{{detailData.riskIdentificationResult}}</text>
</view> </view>
<view class="table-info" style=""> <view class="table-info" style="">
<!-- <view class="teble-list"> --> <scroll-view :scroll-x="true" class="teble-list">
<scroll-view :scroll-x="true" class="teble-list"> <view class="teble-item">
<view class="teble-item"> <view class="item-col" style="background-color: lightgray;">气体取样分析时间</view>
<view class="item-col" style="background-color: lightgray;">气体取样分析时间</view> <view class="item-col" style="background-color: lightgray;">代表性气体</view>
<view class="item-col" style="background-color: lightgray;">代表性气体</view> <view class="item-col" style="background-color: lightgray;">分析结果/%</view>
<view class="item-col" style="background-color: lightgray;">分析结果/%</view> <view class="item-col" style="margin-bottom: 5rpx;background-color: lightgray;">分析人</view>
<view class="item-col" style="margin-bottom: 5rpx;background-color: lightgray;">分析人</view> </view>
</view> <view class="teble-item" v-for="(item,i) in detailData.xzGasAnalyzeList" :key="i">
<view class="teble-item" v-for="(item,i) in detailData.xzGasAnalyzeList" :key="i"> <view class="item-col" style="background-color: lightgray;"><text>{{item.gasAnalyzeTime||'--'}}</text></view>
<view class="item-col" style="background-color: lightgray;"><text>{{item.gasAnalyzeTime||'--'}}</text></view> <view class="item-col"><text>{{item.representativeGas||'--'}}</text></view>
<view class="item-col"><text>{{item.representativeGas||'--'}}</text></view> <view class="item-col"><text>{{item.analyzeResult||'--'}}</text></view>
<view class="item-col"><text>{{item.analyzeResult||'--'}}</text></view> <view class="item-col" style="margin-bottom: 5rpx;"><text>{{item.analyzer||'--'}}</text></view>
<view class="item-col" style="margin-bottom: 5rpx;"><text>{{item.analyzer||'--'}}</text></view> </view>
</view> </scroll-view>
</scroll-view>
</view> </view>
<view class="safe-mesure"> <view class="safe-mesure">
<view class="safe-btn" @click="goSafeMesure">查看安全措施</view> <view class="safe-btn" @click="goSafeMesure">查看安全措施</view>
@ -368,44 +367,23 @@
background-color: #fff; background-color: #fff;
.teble-list{ .teble-list{
display: flex; display: flex;
// justify-content: flex-start;
// width: auto;
// max-width: 100%;
// width: 100rpx;
// width: auto;
font-size: 18rpx; font-size: 18rpx;
// background-color: gainsboro;
background-color: #fff; background-color: #fff;
white-space: nowrap; white-space: nowrap;
.teble-item{ .teble-item{
display: inline-block; display: inline-block;
white-space: normal; white-space: normal;
// width: 24.8%;
width: 220rpx; width: 220rpx;
// line-height: 40rpx;
// border: 1rpx solid black;
// background-color: darkred;
// margin-left: 5rpx;
// margin-top: 5rpx;
// padding: 3rpx;
.item-col{ .item-col{
padding: 3rpx; padding: 3rpx;
margin-top: 5rpx; margin-top: 5rpx;
margin-left: 5rpx; margin-left: 5rpx;
// margin: 0 5rpx;
line-height: 50rpx; line-height: 50rpx;
// min-height: 50rpx;
// height: 50rpx;
text-align: center; text-align: center;
background-color: #F6F6F6; background-color: #F6F6F6;
} }
} }
} }
.u-td{
height: auto;
}
} }
.dangerbig-details{ .dangerbig-details{
min-height: 100%; min-height: 100%;

View File

@ -65,51 +65,51 @@
作业实施时间<text class="detail-data" v-if="detailData.workExecutionBeginTime && detailData.workExecutionEndTime">{{detailData.workExecutionBeginTime+'-'+detailData.workExecutionEndTime}}</text> 作业实施时间<text class="detail-data" v-if="detailData.workExecutionBeginTime && detailData.workExecutionEndTime">{{detailData.workExecutionBeginTime+'-'+detailData.workExecutionEndTime}}</text>
</view> </view>
<view class="table-info" style=""> <view class="table-info" style="">
<scroll-view :scroll-x="true" class="teble-list"> <scroll-view :scroll-x="true" class="teble-list">
<view class="teble-item"> <view class="teble-item">
<view class="table-item-inner"> <view class="table-item-inner">
<view class="item-col" style=""></view> <view class="item-col" style=""></view>
<view class="item-col" style="width: 442rpx;">有毒有害气体名称</view> <view class="item-col" style="width: 442rpx;">有毒有害气体名称</view>
<view class="item-col" style="width: 442rpx;">可燃气体名称</view> <view class="item-col" style="width: 442rpx;">可燃气体名称</view>
<view class="item-col" style="">氧气含量</view> <view class="item-col" style="">氧气含量</view>
<view class="item-col" style="">取样分析时间</view> <view class="item-col" style="">取样分析时间</view>
<view class="item-col" style="">分析部位</view> <view class="item-col" style="">分析部位</view>
<view class="item-col" style="margin-right: 5rpx;">分析人</view> <view class="item-col" style="margin-right: 5rpx;">分析人</view>
</view> </view>
<view class="table-item-inner"> <view class="table-item-inner">
<view class="item-col" style="">分析项目</view> <view class="item-col" style="">分析项目</view>
<view class="item-col" style="">{{JSON.parse(detailData.toxicAndHarmfulGasInformation)[0].name||'--'}}</view> <view class="item-col" style="">{{JSON.parse(detailData.toxicAndHarmfulGasInformation)[0].name||'--'}}</view>
<view class="item-col" style="">{{JSON.parse(detailData.toxicAndHarmfulGasInformation)[1].name||'--'}}</view> <view class="item-col" style="">{{JSON.parse(detailData.toxicAndHarmfulGasInformation)[1].name||'--'}}</view>
<view class="item-col" style="">{{JSON.parse(detailData.combustibleGasInformation)[0].name||'--'}}</view> <view class="item-col" style="">{{JSON.parse(detailData.combustibleGasInformation)[0].name||'--'}}</view>
<view class="item-col" style="">{{JSON.parse(detailData.combustibleGasInformation)[1].name||'--'}}</view> <view class="item-col" style="">{{JSON.parse(detailData.combustibleGasInformation)[1].name||'--'}}</view>
<view class="item-col" style="">--</view> <view class="item-col" style="">--</view>
<view class="item-col" style="">--</view> <view class="item-col" style="">--</view>
<view class="item-col" style="">--</view> <view class="item-col" style="">--</view>
<view class="item-col" style="margin-right: 5rpx;">--</view> <view class="item-col" style="margin-right: 5rpx;">--</view>
</view> </view>
<view class="table-item-inner"> <view class="table-item-inner">
<view class="item-col" style="">合格标准</view> <view class="item-col" style="">合格标准</view>
<view class="item-col" style="">{{JSON.parse(detailData.toxicAndHarmfulGasInformation)[0].standard||'--'}}</view> <view class="item-col" style="">{{JSON.parse(detailData.toxicAndHarmfulGasInformation)[0].standard||'--'}}</view>
<view class="item-col" style="">{{JSON.parse(detailData.toxicAndHarmfulGasInformation)[1].standard||'--'}}</view> <view class="item-col" style="">{{JSON.parse(detailData.toxicAndHarmfulGasInformation)[1].standard||'--'}}</view>
<view class="item-col" style="">{{JSON.parse(detailData.combustibleGasInformation)[0].standard||'--'}}</view> <view class="item-col" style="">{{JSON.parse(detailData.combustibleGasInformation)[0].standard||'--'}}</view>
<view class="item-col" style="">{{JSON.parse(detailData.combustibleGasInformation)[1].standard||'--'}}</view> <view class="item-col" style="">{{JSON.parse(detailData.combustibleGasInformation)[1].standard||'--'}}</view>
<view class="item-col" style="">19.5%~21%(体积分数)</view> <view class="item-col" style="">19.5%~21%(体积分数)</view>
<view class="item-col" style="">--</view> <view class="item-col" style="">--</view>
<view class="item-col" style="">--</view> <view class="item-col" style="">--</view>
<view class="item-col" style="margin-right: 5rpx;">--</view> <view class="item-col" style="margin-right: 5rpx;">--</view>
</view> </view>
<view :class="{'table-item-inner':true,'last-row':(i+1) === JSON.parse(detailData.gasAnalysisData).length}" <view :class="{'table-item-inner':true,'last-row':(i+1) === JSON.parse(detailData.gasAnalysisData).length}"
v-for="(item,i) in JSON.parse(detailData.gasAnalysisData)" :key="i"> v-for="(item,i) in JSON.parse(detailData.gasAnalysisData)" :key="i">
<view class="item-col" style="">分析数据</view> <view class="item-col" style="">分析数据</view>
<view class="item-col" style="">{{item.name1}}</view> <view class="item-col" style="">{{item.name1}}</view>
<view class="item-col" style="">{{item.name2}}</view> <view class="item-col" style="">{{item.name2}}</view>
<view class="item-col" style="">{{item.name3}}</view> <view class="item-col" style="">{{item.name3}}</view>
<view class="item-col" style="">{{item.name4}}</view> <view class="item-col" style="">{{item.name4}}</view>
<view class="item-col" style="">{{item.name5}}</view> <view class="item-col" style="">{{item.name5}}</view>
<view class="item-col" style="">{{item.time}}</view> <view class="item-col" style="">{{item.time}}</view>
<view class="item-col" style="">{{item.local}}</view> <view class="item-col" style="">{{item.local}}</view>
<view class="item-col" style="margin-right: 5rpx;">{{item.person}}</view> <view class="item-col" style="margin-right: 5rpx;">{{item.person}}</view>
</view> </view>
<!-- <view class="table-item-inner"> <!-- <view class="table-item-inner">
<view class="item-col" style="margin-bottom: 5rpx;">分析数据</view> <view class="item-col" style="margin-bottom: 5rpx;">分析数据</view>
<view class="item-col" style="margin-bottom: 5rpx;">5%</view> <view class="item-col" style="margin-bottom: 5rpx;">5%</view>
@ -121,8 +121,8 @@
<view class="item-col" style="margin-bottom: 5rpx;">--</view> <view class="item-col" style="margin-bottom: 5rpx;">--</view>
<view class="item-col" style="margin-right: 5rpx;margin-bottom: 5rpx;">--</view> <view class="item-col" style="margin-right: 5rpx;margin-bottom: 5rpx;">--</view>
</view> --> </view> -->
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
<!-- <view class="table-info2" style=""> <!-- <view class="table-info2" style="">
<scroll-view :scroll-x="true" class="teble-list2"> <scroll-view :scroll-x="true" class="teble-list2">