<template>
  <el-row>
    <!-- title -->
    <el-col :span="24">
      <div class="edit-title">应用信息</div>
    </el-col>
    <!-- 应用信息 -->
    <el-col :span="1"><font color="#FFF">-</font></el-col>
    <el-col :span="6">名称：{{ data.pkgName }}</el-col>
    <el-col :span="6">平台：{{ data.platformName }}</el-col>
    <el-col :span="11"><font color="#FFF">-</font></el-col>
    <!-- title -->
    <el-col :span="24">
      <div class="edit-title">考核设置</div>
    </el-col>
    <!-- 四大区块 循环 -->
    <div v-for="(item, key) in data.editData" :key="key">
      <el-col :span="1"><font color="#FFF">-</font></el-col>
      <el-col :span="11">
        <!-- 考核值1 -->
        <el-row>
          <!-- tips -->
          <el-tooltip v-if="key == 0" effect="dark" placement="top-start">
            <div slot="content">
              考核值1=（用户安装超过1小时的预估ARPU—人均提现）/ 激活成本*100
              <br />
              激活成本定义：
              <br />
              如果CPI&gt;oCPM*1.2 则 激活成本=oCPM*转化数/新增用户数
              <br />
              如果CPI&lt;=oCPM*1.2 则取 激活成本=消耗/新增用户数
            </div>
            <i class="el-icon-question"></i>
          </el-tooltip>
          <!-- 填值区域 -->
          考核值1 [
          <el-input-number v-model="item.indexOneMin" size="mini">
          </el-input-number>
          ~
          <el-input-number v-model="item.indexOneMax" size="mini">
          </el-input-number>
          )
        </el-row>
        <!-- 考核值2 -->
        <el-row>
          <el-col :span="4">
            <!-- tips -->
            <el-tooltip v-if="key == 0" effect="dark" placement="top-start">
              <div slot="content">
                考核2=上一时段用户1小时内视频数<br />填入自然数
              </div>
              <i class="el-icon-question"></i>
            </el-tooltip>
            考核值2
          </el-col>
          <!-- 四个计划调整参数 -->
          <el-col :span="20">
            <div class="el-row">
              关停计划[
              <el-input-number v-model="item.indexTwoStopMin" size="mini">
              </el-input-number>
              ~
              <el-input-number v-model="item.indexTwoStopMax" size="mini">
              </el-input-number>
              )
            </div>
            <div class="el-row">
              降低出价[
              <el-input-number v-model="item.indexTwoReduceMin" size="mini">
              </el-input-number>
              ~
              <el-input-number v-model="item.indexTwoReduceMax" size="mini">
              </el-input-number>
              )
            </div>
            <div class="el-row">
              持续放量[
              <el-input-number v-model="item.indexTwoContinueMin" size="mini">
              </el-input-number>
              ~
              <el-input-number v-model="item.indexTwoContinueMax" size="mini">
              </el-input-number>
              )
            </div>
            <div class="el-row">
              提高出价[
              <el-input-number v-model="item.indexTwoUpMin" size="mini">
              </el-input-number>
              ~
              <el-input-number v-model="item.indexTwoUpMax" size="mini">
              </el-input-number>
              )
            </div>
          </el-col>
        </el-row>
      </el-col>
    </div>
  </el-row>
</template>

<script>
export default {
  props: {
    data: {
      type: Object,
      default: {}
    }
  },
  data() {
    return {};
  }
};
</script>

<style>
.edit-title {
  font-weight: bolder;
}

.el-row {
  margin-bottom: 8px;
}
</style>
