<template>
  <div class="app-container">
    <el-form ref="createTemp" :rules="rules" :model="createTemp" label-position="right" label-width="250px" style="margin-top: 40px;">
      <el-row>
        <el-col :span="12">
          <el-form-item label="是否可取前一天计划：" prop="upkeepType">
            <el-select v-model="createTemp.upkeepType" placeholder="是否可取前一天计划" class="filter-item" style="width:100%">
              <el-option v-for="item in planBeforeDayList" :key="item.id" :label="item.name" :value="item.id" />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="是否可取后一天计划：" prop="upkeepType">
            <el-select v-model="createTemp.upkeepType" placeholder="是否可取后一天计划" class="filter-item" style="width:100%">
              <el-option v-for="item in planNextDayList" :key="item.id" :label="item.name" :value="item.id" />
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="是否启用补料：" prop="upkeepType">
            <el-select v-model="createTemp.upkeepType" placeholder="是否启用补料" class="filter-item" style="width:100%">
              <el-option v-for="item in isSupplementList" :key="item.id" :label="item.name" :value="item.id" />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="是否启用剩料：" prop="upkeepType">
            <el-select v-model="createTemp.upkeepType" placeholder="是否启用剩料" class="filter-item" style="width:100%">
              <el-option v-for="item in isLeftoverMaterialList" :key="item.id" :label="item.name" :value="item.id" />
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="日计划报表小数点位数：" prop="upkeepType">
            <el-select v-model="createTemp.upkeepType" placeholder="日计划报表小数点位数" class="filter-item" style="width:100%">
              <el-option v-for="item in decimalPlacesList" :key="item.id" :label="item.name" :value="item.id" />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="启用饲料锁定牛头数：" prop="upkeepType">
            <el-select v-model="createTemp.upkeepType" placeholder="启用饲料锁定牛头数" class="filter-item" style="width:100%">
              <el-option v-for="item in isLockBullsList" :key="item.id" :label="item.name" :value="item.id" />
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="剩料处理选项：" prop="upkeepType">
            <el-select v-model="createTemp.upkeepType" placeholder="剩料处理选项" class="filter-item" style="width:100%">
              <el-option v-for="item in disposalList" :key="item.id" :label="item.name" :value="item.id" />
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="水分调节选项：" prop="upkeepType">
            <el-select v-model="createTemp.upkeepType" placeholder="水分调节选项" class="filter-item" style="width:100%">
              <el-option v-for="item in waterConditioningList" :key="item.id" :label="item.name" :value="item.id" />
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="默认发料超出重量提醒比例：" prop="upkeepCycel">
            <el-input ref="upkeepCycel" v-model="createTemp.upkeepCycel" class="filter-item" placeholder="请输入超出比例" type="text" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="默认发料超出重量禁止比例：" prop="upkeepCycel">
            <el-input ref="upkeepCycel" v-model="createTemp.upkeepCycel" class="filter-item" placeholder="请输入禁止比例" type="text" />
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="库存预警天数：" prop="upkeepCycel">
            <el-input ref="upkeepCycel" v-model="createTemp.upkeepCycel" class="filter-item" placeholder="请输入库存预警天数" type="text" />
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="饲料价格计算方式：" prop="upkeepCycel">
            <el-select v-model="createTemp.upkeepType" placeholder="水分调节选项" class="filter-item" style="width:100%">
              <el-option v-for="item in priceCalculationList" :key="item.id" :label="item.name" :value="item.id" />
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item label="班次数量：" prop="upkeepCycel">
            <el-select v-model="createTemp.upkeepType" placeholder="水分调节选项" class="filter-item" style="width:100%">
              <el-option v-for="item in numberList" :key="item.id" :label="item.name" :value="item.id" />
            </el-select>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <div slot="footer" class="dialog-footer" style="bottom: 0;">
      <el-button class="success" :disabled="isokDisable" @click="handleSave">保存</el-button>
      <el-button class="warning" :disabled="isokDisable" @click="handleRecovery">恢复默认</el-button>
    </div>
  </div>

</template>

<script>

export default {
  name: 'DefaultParameter',
  data() {
    return {
      planBeforeDayList: [{ id: 0, name: '是' }, { id: 1, name: '否' }], // 是否可取前一天计划
      planNextDayList: [{ id: 0, name: '是' }, { id: 1, name: '否' }], // 是否可取后一天计划
      isSupplementList: [{ id: 0, name: '是' }, { id: 1, name: '否' }], // 是否启用补料
      isLeftoverMaterialList: [{ id: 0, name: '是' }, { id: 1, name: '否' }], // 是否启用剩料
      decimalPlacesList: [{ id: 0, name: '整数' }, { id: 1, name: '一位小数' }, { id: 2, name: '两位小数' }, { id: 3, name: '三位小数' }], // 日计划报表小数点位数
      isLockBullsList: [{ id: 0, name: '是' }, { id: 1, name: '否' }], // 启用饲料锁定牛头数
      disposalList: [{ id: 0, name: '替换青贮' }, { id: 1, name: '转为饲料' }, { id: 2, name: '不处理' }], // 剩料处理选项
      waterConditioningList: [{ id: 0, name: '青贮' }, { id: 1, name: '总日粮饲喂量' }, { id: 2, name: '不处理' }], // 水分调节选项
      priceCalculationList: [{ id: 0, name: '先入先出' }, { id: 1, name: '加权平均' }], // 饲料价格计算方式
      numberList: [{ id: 0, name: '1' }, { id: 1, name: '2' }, { id: 2, name: '3' }, { id: 3, name: '4' }], // 班次数量
      createTemp: {},
      rules: {},
      isokDisable: false
    }
  },
  created() {},

  methods: {
    handleSave() {
      console.log('点击了保存')
    },
    handleRecovery() {
      console.log('点击了恢复默认')
    }
  }
}
</script>
<style lang="scss" scoped>

</style>