<template>
  <!-- 实验室回复信息，4+个地方复用 -->
  <view class="approval"
        style="padding-left: 40rpx;">
    <tui-list-cell :unlined="true"
                   :hover="false"
                   :arrow="false">
      <view class="base-item">
        <view class="label">浇筑令</view>
        <view class="content">已发浇筑令</view>
      </view>
    </tui-list-cell>
    <tui-list-cell :unlined="true"
                   :hover="false"
                   :arrow="false">
      <view class="base-item">
        <view class="label"> 回复意见 </view>
        <view class="content"> {{ replayInfo && replayInfo.opinion }} </view>
      </view>
    </tui-list-cell>
    <tui-list-cell :unlined="true"
                   :hover="false"
                   :arrow="false">
      <view class="base-item">
        <view class="label"> 回复人 </view>
        <view class="content"> {{ replayInfo && replayInfo.replier_info.name }} </view>
      </view>
    </tui-list-cell>
    <tui-list-cell :unlined="true"
                   :hover="false"
                   :arrow="false">
      <view class="base-item">
        <view class="label"> 回复时间 </view>
        <view class="content"> {{ replayInfo && replayInfo.create_time }} </view>
      </view>
    </tui-list-cell>
    <image class="pass"
           src="/static/images/sxlq/applyPass.png"
           mode=""></image>
  </view>
</template>
<script>
export default {
  props: ["replayInfo"],
};
</script>
<style lang="scss" scoped>
.approval {
  position: relative;

  .pass {
    position: absolute;
    top: 50rpx;
    right: 50rpx;
    width: 100rpx;
    height: 100rpx;
  }
}
::v-deep .tui-list-cell {
  // height: 60rpx;
  padding-top: 0rpx !important;
  padding-bottom: 0rpx !important;
}
.base-item {
  margin-top: 20rpx;
}
// ::v-deep .tui-list-cell {
//       padding-top: 0rpx !important;
//       padding-bottom: 0rpx !important;
//   }

// ::v-deep .base-item {
//     display: flex;
//     height: 100%;

//     .label {
//         width: 200rpx;
//         font-size: 28rpx;
//     }

//     .content {
//         margin-left: 50rpx;
//         font-size: 28rpx;
//     }
// }
</style>
