<template>
  <div class="p-2">
    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
      <div>
        <el-card shadow="hover" style="height: calc(100vh - 100px)">
          <template #header>
            评价指标初始化配置
            <div class="tip">请确认评价指标初始化配置，本配置提交后不可修改</div>
          </template>
          <div class="index-set-main">
            <el-form :model="form" disabled label-width="auto">
              <el-form-item label="评价指标一">
                <el-input v-model="form.indexOne" placeholder="请输入评价指标一" />
              </el-form-item>
              <el-form-item label="评价指标二">
                <el-input v-model="form.indexTwo" placeholder="请输入评价指标二" />
              </el-form-item>
              <el-form-item label="评价指标三">
                <el-input v-model="form.indexThree" placeholder="请输入评价指标三" />
              </el-form-item>
            </el-form>
          </div>
        </el-card>
      </div>
    </transition>
  </div>
</template>

<script setup lang="ts">
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
const form = reactive({
  indexOne: '业务水平',
  indexTwo: '工作态度',
  indexThree: '合规评审'
})
</script>

<style scoped lang="scss">
:deep(.el-card__body){
  height: calc(100% - 43px);
  overflow: auto;
  .el-form{
    width: 500px;
  }
}
.tip{
  font-size: 12px;
  color: #999;
  margin-top: 10px;
}
</style>
