<template>
  <view>
    <!--导航栏 navbar-->
    <u-navbar title="评审历史" id="header"
              :border-bottom="false"
              :background="{backgroundColor: 'whitesmoke'}">
    </u-navbar>
    <view class="body u-p-30" :style="{ bottom: footerHeight + 'px', top: headerHeight+ 'px'}">
      <view class="bg-fff u-p-r-30 u-p-b-30 u-p-l-30 u-m-b-20" >
        <view v-for="(item,index) in detail.modelingTaskReviewerList">
          <view class="u-border-bottom  u-p-t-14 u-p-b-14">
            第{{detail.modelingTaskReviewerList.length - index}}次评审
          </view>
          <view class="u-flex u-m-t-18 u-m-b-8">
            <view class="u-m-r-40 label">评审人</view>
            <view class="u-line-1 u-flex-1 content">
              {{ detail.enterpriseName }}
            </view>
          </view>
          <view class="u-flex u-m-t-18 u-m-b-8">
            <view class="u-m-r-40 label">评审时间</view>
            <view class="u-line-1 u-flex-1 content">
              {{ detail.createTime }}
            </view>
          </view>
          <view class="u-flex u-m-t-18 u-m-b-8">
            <view class="u-m-r-40 label">评审意见</view>
            <view class="u-line-1 u-flex-1 content">
              {{ detail.reviewerComment }}
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="footer" id="footer" ></view>
  </view>
</template>

<script>
import dom from "../../mixins/dom"
import utils from "../../mixins/utils";
export default {
  name: "reviewHistory",
  mixins:[dom,utils],
  data(){
    return {
      detail:{
        clothRowColourQuantity: 0, // 布行指定面料颜色数量
        clothWidth: 0, // 门幅
        clothWidthUnit: 'cm', // 	门幅单位
        component: '', // 成分
        // designAgencyColourQuantity: '', // 	设计机构提供的颜色数量
        expirationDate: '', // 截止日期
        materialName: '', // 面料名称
        modelingCategoryId: '', // 建模品类id
        modelingCategoryText: '', // 建模品类文本
        modelingTaskColourDTOList: [], // 布行指定面料颜色名称集合
        modelingTaskPictureDTOList: [
          {pictureType: 1},
          {pictureType: 2},
        ], // 建模单 图片信息
        price: 0,
        modelingTaskSampleInformation: {},
        modelingTaskMaterialColourList: [],
        modelingTaskLabelList: [] ,   // 建模任务的标签
        modelingTaskReviewerList: [] , // 历史评论
      },
    }
  },
  onLoad({id}){
    if(id){
      this.getDetail(id)
    }
  },
  methods:{
    getDetail(id){
      this.$http("modeling.detail",{ modelingTaskId:id })
          .then(res => {
            let {
              code, data
            } = res;
            if(code === 200){
              this.detail = Object.assign({},data,{
                modelingCategoryText: data['modelingCategory']['name'],
                modelingTaskColourDTOList: data['modelingTaskColourList'],
                modelingTaskPictureDTOList: data['modelingTaskPictureList']
              });
            }
          })
    },
  }
}
</script>

<style scoped lang="scss">
.bg-fff{
  background: #fff;
}
.body{
  background: #fafafa;
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow-y: auto;
}
.label{
  color: rgba(0,0,0,0.40);
  font-size: 28rpx;
  min-width: 140rpx;
}
</style>