feat:增加类型显示

yangan

22 小时以前 a28d0135ee42809b2c5863609da37155d3ecba5b

 subPages/checkTestDetails/index.vue

@@ -7,7 +7,7 @@
                     iconSize="1000"
                     v-if="detailData.length===0"></u-empty>
         <!-- 渲染区域 -->

          <view class="itemWarp">
               <view class="history-information"    v-for="item,i in detailData"       
         :key="i">
                     <view class="first">
@@ -30,7 +30,7 @@
                     <view class="fourth">
                        <view class="fourth-icon">
                           <view
                              style="width: 24rpx;height: 24rpx;line-height: 24rpx;background: url('https://mx.jzeg.cn:9096/appimg/image/banner/clock.png') no-repeat;background-size: cover">
                              style="width: 24rpx;height: 24rpx;line-height: 24rpx;background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/clock.png') no-repeat;background-size: cover">
                           </view>
                        </view>
                        <view class="senddate">{{ item.samplingTime }}</view>
@@ -38,12 +38,12 @@
                     <view class="fourth" style="height:250rpx">
                        <!-- <view class="fourth-icon">
                           <view
                              style="width: 26rpx;height: 26rpx;line-height: 26rpx;background: url('https://mx.jzeg.cn:9096/appimg/image/banner/carnNUm.png') no-repeat;background-size: cover;">
                              style="width: 26rpx;height: 26rpx;line-height: 26rpx;background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/carnNUm.png') no-repeat;background-size: cover;">
                           </view>
                        </view>
                        <view class="senddate">{{ item.orderCode }}</view> -->
                                <view style="height:130rpx">
                                    <text style="fontSize:14rpx">检测项目:</text>
                                    <text style="fontSize:25rpx">检测项目:</text>
                             <view class="first" v-for="subItem,index in item.zjQualityCheckSubs" :key="index">
                            <view class=""><text>项目：{{ subItem.checkName || '' }}</text></view>
                            <view class=""><text>单项判定：{{ subItem.isQualified === 1 ? '合格' : '不合格' || '' }}</text></view>
@@ -56,6 +56,7 @@

                                </view>
               </view>
         </view>
    </div>  
</template>

@@ -87,15 +88,33 @@
</script>

<style lang="scss" scoped>
.warp{
   display: flex;
   flex-wrap: wrap;
   height: 100%;
   width: 100%;
   justify-content: center;
   align-items: center;
   .itemWarp{
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: start;
      align-items: center;
		
   }

}
   @mixin flex {
      display: flex;
      justify-content: space-between;
      align-items: center;
   }
   .history-information {
         width: 690rpx;
         height: 420rpx;
         margin: vww(10) vww(15);
         width: 600rpx;
         height: 450rpx;
         margin: vww(10) vww(10);
         padding: 5rpx;
         background: #ffffff;
         box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12);
         border-radius: 20rpx;
@@ -152,6 +171,7 @@
               @include flex;

               &_text {
                  font-size: 24rpx;
                  color: #919090;
               }

@@ -162,7 +182,7 @@
         }

         .fourth {
            width: 100%;
            width: 90%;
            height: 31rpx;
            font-size: 30rpx;
            font-weight: 300;