<!--理赔-->
<template>
  <div class="userInfoPanel mt10">
    <el-row class="userInfo" v-if="data && data.length > 0" v-for="(item,index) in data" :key="index">
      <el-col :span="12">
        <span class="name">立案号</span>
        <span class="value">{{item.crno}}</span>
      </el-col>
      <el-col :span="12">
        <span class="name">保险单号</span>
        <span class="value">{{item.policyno}}</span>
      </el-col>
      <el-col :span="12">
        <span class="name">报案号</span>
        <span class="value">{{item.cnno}}</span>
      </el-col>
      <el-col :span="12">
        <span class="name">损失发生时间</span>
        <span class="value">{{item.losstime}}</span>
      </el-col>
      <el-col :span="12">
        <span class="name">报案人名称</span>
        <span class="value">{{item.rpname}}</span>
      </el-col>
      <el-col :span="12">
        <span class="name">出险人名称</span>
        <span class="value">{{item.lpname}}</span>
      </el-col>
      <el-col :span="12">
        <span class="name">报案日期</span>
        <span class="value">{{item.cndate}}</span>
      </el-col>
      <el-col :span="12">
        <span class="name">损失原因</span>
        <span class="value">{{item.lossdescribe}}</span>
      </el-col>
      <el-col :span="12">
        <span class="name">立案日期</span>
        <span class="value">{{item.crdate}}</span>
      </el-col>
      <el-col :span="12">
        <span class="name">报案描述</span>
        <span class="value">{{item.cndescribe}}</span>
      </el-col>
      <el-col :span="12">
        <span class="name">报案人与出险人关系</span>
        <span class="value">{{item.relationship}}</span>
      </el-col>
      <el-col :span="12">
        <span class="name">赔案号</span>
        <span class="value">{{item.ccno}}</span>
      </el-col>
      <el-col :span="12">
        <span class="name">险种代码</span>
        <span class="value">{{item.productid}}</span>
      </el-col>
      <el-col :span="12">
        <span class="name">赔付金额</span>
        <span class="value">{{item.ccamt}}元</span>
      </el-col>
      <el-col :span="12">
        <span class="name">案件状态</span>
        <span class="value">{{item.claimcasestatus}}</span>
      </el-col>
    </el-row>
    <el-row class="userInfo" v-if="data.length == 0">
      <div class="noData">暂无数据</div>
    </el-row>
  </div>
</template>
<script>

  export default {
    props: {
      data: {
        type: Array,
        default: function (){
          return [];
        }
      },
    },
    data() {
      return {

      };
    },
    mounted() {

    },
    methods: {

    }
  };
</script>
<style lang="scss">
  .noData{
    color: #303133;
    text-align: center;
    padding: 20px 0;
  }
</style>
