<template>
  <div>
    <p class="p_title_1">{{healthyData['titleArray'][5]}}</p>
    <p class="p_title_2">1、运动频率</p>
    <el-form-item label="(1) 每周运动情况" prop="motionSituation" class="margin-left">
      <div>
        <span>每周运动次数</span><el-input-number type="number" class="width-50-left-8-right-5" v-model="form.motionNum" :step="1" :min="0"></el-input-number><span>次</span>
      </div>
      <div class="margin-top-10">
        <span>每次运动时长</span><el-input-number type="number" class="width-50-left-8-right-5" v-model="form.motionDuration" :step="1" :min="0"></el-input-number><span>分钟</span>
      </div>
      <div class="margin-top-10">
        <span>每天运动时间</span><el-time-select class="width-50-left-8-right-5" v-model="form.motionTime" :picker-options="{ start: '00:00', step: '01:00', end: '24:00' }" placeholder="请选择时间" :editable="false"/><span>点</span>
      </div>
    </el-form-item>
    <p class="p_title_2">2、运动方式、项目</p>
    <!--<el-form-item label="(1) 运动方式" prop="motionMode" class="margin-left">
      <el-radio-group v-model="form.motionMode">
        <el-radio label="有氧" key="1">有氧</el-radio>
        <el-radio label="无氧" key="2">无氧</el-radio>
        <el-radio label="有氧无氧相结合" key="3">有氧无氧相结合</el-radio>
      </el-radio-group>
    </el-form-item>-->
    <el-form-item label="(1) 运动方式、项目" prop="motionProject" class="margin-left">
      <div><span>有氧运动</span>
        <el-checkbox-group v-model="form.aerobicMotionClassify">
          <el-checkbox v-for="(item,index) in healthyData['aerobicMotionClassifyArray']" :label="item.value" :key="index">{{item.name}}</el-checkbox>
        </el-checkbox-group>
      </div>
      <div><span>无氧运动</span>
        <el-checkbox-group v-model="form.anaerobicMotionClassify">
          <el-checkbox v-for="(item,index) in healthyData['anaerobicMotionClassifyArray']" :label="item.value" :key="index">{{item.name}}</el-checkbox>
        </el-checkbox-group>
      </div>
      <div><span>有氧无氧结合运动</span>
        <el-checkbox-group v-model="form.anaerobicAerobicMotionClassify">
          <el-checkbox v-for="(item,index) in healthyData['anaerobicAerobicMotionClassifyArray']" :label="item.value" :key="index">{{item.name}}</el-checkbox>
        </el-checkbox-group>
      </div>
      <div><span>其他项目 </span><el-input style="margin-top: 10px;width:70%" v-model="form.otherMotionClassify" placeholder="请输入其他运动项目名称" /></div>
    </el-form-item>
    <el-form-item label="(2) 运动场地" prop="motionField" class="margin-left">
      <el-checkbox-group v-model="form.motionField">
        <el-checkbox v-for="(item,index) in healthyData['motionFieldArray']" :label="item.value" :key="index">{{item.name}}</el-checkbox>
      </el-checkbox-group>
      <div><span>其他场地 </span><el-input style="margin-top: 10px;width:70%" v-model="form.otherMotionField" placeholder="请输入其他运动场地名称" /></div>
    </el-form-item>
  </div>
</template>
<script>
import * as healthyData from "@/utils/healthyData";

export default {
  name: "Form6",
  components: {
  },
  data() {
    return {
      healthyData:healthyData
    };
  },
  methods: {

  },
  props: {
    form: {
      type: Object,
      default: null
    }
  },
  created() {

  },

};
</script>

<style scoped>

  .el-form-item {
    margin-bottom: 8px;
  }

  .p_title_1{
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
  }
  .p_title_2{
    font-size: 16px;
    font-weight: bold;
    margin-top: 30px;
  }
  .p_title_3{
    font-size: 14px;
    font-weight: bold;
    margin-top: 30px;
  }
  .margin-left{
    margin-left: 14px;
  }
  .el-input__inner{
    width: 30%;
  }
  .margin-top-10{
    margin-top: 10px;
  }
  .width-50-left-8-right-5{
    width:50%;
    margin-left: 8px;
    margin-right: 5px;
  }
  .width-70-left-8-right-5{
    width:70%;
    margin-left: 8px;
    margin-right: 5px;
  }


</style>