<template>
  <view class="userinform">
    <!-- 111 -->
    <view class="userItem">
      <view class="textvalue">
        <u-collapse :value="item.index" accordion v-for="(item, index) in bonuspoindata" :key="item.index">
          <u-collapse-item :name="item.index" :title="item.name">
            <text class="u-collapse-content">{{ item.details }}</text>
          </u-collapse-item>
          <view class="InspectItem" v-if="item.index == 0">
            <u-row>
              <u-col span="8">
                <view class="Inspect"><u--textarea v-model="starrating.bonus1Detail" placeholder="检查情况" clearable></u--textarea></view>
              </u-col>
              <u-col span="4">
                <view class="Inspect"><u--input v-model="starrating.bonus1" placeholder="请打分"></u--input></view>
              </u-col>
            </u-row>
          </view>
          <!-- 111 -->
          <view class="InspectItem" v-if="item.index == 1">
            <u-row>
              <u-col span="8">
                <view class="Inspect"><u--textarea v-model="starrating.bonus2Detail" placeholder="检查情况" clearable></u--textarea></view>
              </u-col>
              <u-col span="4">
                <view class="Inspect"><u--input v-model="starrating.bonus2" placeholder="请打分"></u--input></view>
              </u-col>
            </u-row>
          </view>
          <!-- 222 -->
          <view class="InspectItem" v-if="item.index == 2">
            <u-row>
              <u-col span="8">
                <view class="Inspect"><u--textarea v-model="starrating.bonus3Detail" placeholder="检查情况" clearable></u--textarea></view>
              </u-col>
              <u-col span="4">
                <view class="Inspect"><u--input v-model="starrating.bonus3" placeholder="请打分"></u--input></view>
              </u-col>
            </u-row>
          </view>
          <!-- 333 -->
          <view class="InspectItem" v-if="item.index == 3">
            <u-row>
              <u-col span="8">
                <view class="Inspect"><u--textarea v-model="starrating.bonus4Detail" placeholder="检查情况" clearable></u--textarea></view>
              </u-col>
              <u-col span="4">
                <view class="Inspect"><u--input v-model="starrating.bonus4" placeholder="请打分"></u--input></view>
              </u-col>
            </u-row>
          </view>
          <!-- 444 -->
          <view class="InspectItem" v-if="item.index == 4">
            <u-row>
              <u-col span="8">
                <view class="Inspect"><u--textarea v-model="starrating.bonus5Detail" placeholder="检查情况" clearable></u--textarea></view>
              </u-col>
              <u-col span="4">
                <view class="Inspect"><u--input v-model="starrating.bonus5" placeholder="请打分"></u--input></view>
              </u-col>
            </u-row>
          </view>
        </u-collapse>
      </view>
    </view>
  </view>
</template>

<script>
// import { getcheckList } from '@/api/login';

import { mapGetters } from 'vuex';
import { timestampFormatTime } from '@/utils/index.js';
import { bonuspoin } from './enum.js';
export default {
  data() {
    return {
      bonuspoindata: bonuspoin
    };
  },
  created() {},
  onLoad() {},
  computed: {
    // 拿取vuex数据
   ...mapGetters({
    starrating: 'starlevel/getstarrating'
   })
  },
  mounted() {},
  methods: {}
};
</script>

<style scoped lang="scss">
.userinform {
  height: 100%;
  width: 100%;
}
.userItem {
  color: #7b7b7b;
  font-size: 14px;
  margin-bottom: 8px;
}
.textvalue {
  .InspectItem {
    width: 98%;
    .Inspect {
      height: 80rpx;
      border: 1px solid #648bdf;
      margin-bottom: 8rpx;
      margin-left: 12rpx;
    }
  }
}
/deep/ .u-textarea {
  padding: 0 !important;
}
/deep/ .u-input {
  padding-left: 0 !important;
  padding-top: 0 !important;
}
</style>
