取样细节样式

819527061@qq.com

2024-05-30 497b6af6f8b9a66148625e4da5d96881a48120e5

 pages/quality-inspection-page/salt-total-sampling/salt-total-sampling.vue

@@ -11,7 +11,7 @@
        <view class="edc-sampling-card" v-for="item in edcList" :key="item.id">
          <view class="edc-sampling-line">
            <h1>供应商：{{item.customerName}}</h1>
            <view class="status" v-if="item.status">{{statusComputed(item.status)}}</view>
            <view class="status" :class="statusClassComputed(item.status)" v-if="item.status">{{statusComputed(item.status)}}</view>
          </view>
          <view class="edc-sampling-line">
            <h2>采样地点：{{item.bunkerName}}</h2>
@@ -84,6 +84,25 @@
        return '审定中'
      }else if(status == 7) {
        return '已完成'
      }else {
        return ''
      }
    },
    statusClassComputed(status) {
      if(status == 1) {
        return 'blue'
      }else if(status == 2) {
        return 'red'
      }else if(status == 3) {
        return 'red'
      }else if(status == 4) {
        return 'red'
      }else if(status == 5) {
        return 'red'
      }else if(status == 6) {
        return 'red'
      }else if(status == 7) {
        return 'black'
      }else {
        return ''
      }
@@ -237,13 +256,21 @@
          display: flex;
          align-self: baseline;
        }
        .blue{
          color: #184edd;
          border: 1px solid #184edd;
        }
        .red{
          color: #f56c6c;
          border: 1px solid #f56c6c;
        }
        .black{
          color: black;
          border: 1px solid black;
        }
        .yellow{
          color: #f9ae3d;
          border: 1px solid #f9ae3d;
          color: #fcbd20;
          border: 1px solid #fcbd20;
        }
      }
      .edc-sampling-btn-box{