<template>
  <div class="box_height">
  <div >
    <el-form label-width="100px" ref="form" :model="beatParam">
            <el-row>
              <el-col :span="16" label-width="100px">
                <el-form-item label="节拍生产数量" prop="beatNum">
                  <el-input
                    v-if="!isView"
                    placeholder=""
                    v-model="beatParam.beatNum"
                  ></el-input>
                  <div v-else>{{ beatParam.beatNum }}</div>
                </el-form-item>
              </el-col>

              <el-col :span="8" label-width="100px">
                <el-form-item label="单位" prop="beatUnit">
                  <el-input
                    v-if="!isView"
                    placeholder=""
                    v-model="beatParam.beatUnit"
                  ></el-input>
                  <div v-else>{{ beatParam.beatUnit }}</div>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="16" label-width="100px">
                <el-form-item label="对应物料数量" prop="materielNum">
                  <el-input
                    v-if="!isView"
                    placeholder=""
                    v-model="beatParam.materielNum"
                  ></el-input>
                  <div v-else>{{ beatParam.materielNum }}</div>
                </el-form-item>
              </el-col>

              <el-col :span="8" label-width="100px">
                <el-form-item label="单位" prop="materielUnit">
                  <el-input
                    v-if="!isView"
                    placeholder=""
                    v-model="beatParam.materielUnit"
                  ></el-input>
                  <div v-else>{{ beatParam.materielUnit }}</div>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="16" label-width="100px">
                <el-form-item label="节拍时间" prop="beatTime">
                  <el-input
                    v-if="!isView"
                    placeholder=""
                    v-model="beatParam.beatTime"
                  ></el-input>
                  <div v-else>{{ beatParam.beatTime }}</div>
                </el-form-item>
              </el-col>

              <el-col :span="8" label-width="100px">
                <el-form-item label="单位" prop="beatTimeUnit">
                  <el-input
                    v-if="!isView"
                    placeholder=""
                    v-model="beatParam.beatTimeUnit"
                  ></el-input>
                  <div v-else>{{ beatParam.beatTimeUnit }}</div>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="16" label-width="100px">
                <el-form-item label="节拍准备时长" prop="name">
                  <el-input
                    v-if="!isView"
                    placeholder=""
                    v-model="beatParam.beatPrepareTime"
                  ></el-input>
                  <div v-else>{{ beatParam.beatPrepareTime }}</div>
                </el-form-item>
              </el-col>

              <el-col :span="8" label-width="100px">
                <el-form-item label="单位" prop="name">
                  <el-input
                    v-if="!isView"
                    placeholder=""
                    v-model="beatParam.beatPrepareUnit"
                  ></el-input>
                  <div v-else>{{ beatParam.beatPrepareUnit }}</div>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="16" label-width="100px">
                <el-form-item label="节拍休息时长" prop="name">
                  <el-input
                    v-if="!isView"
                    placeholder=""
                    v-model="beatParam.beatRestTime"
                  ></el-input>
                  <div v-else>{{ beatParam.beatRestTime }}</div>
                </el-form-item>
              </el-col>

              <el-col :span="8" label-width="100px">
                <el-form-item label="单位" prop="name">
                  <el-input
                    v-if="!isView"
                    placeholder=""
                    v-model="beatParam.beatRestUnit"
                  ></el-input>
                  <div v-else>{{ beatParam.beatRestUnit }}</div>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24" label-width="100px">
                <el-form-item label="备注" prop="remark">
                  <el-input
                    v-if="!isView"
                    placeholder=""
                    v-model="beatParam.remark"
                    type="textarea"
                    :rows="4"
                  ></el-input>
                  <div v-else>{{ beatParam.remark }}</div>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="8" label-width="100px">
                <el-form-item label="添加人" prop="name">
                  <el-input
                    v-if="!isView"
                    placeholder=""
                    disabled
                    v-model="beatParam.createName"
                  ></el-input>
                  <div v-else>{{ beatParam.createName }}</div>
                </el-form-item>
              </el-col>

              <el-col :span="8" label-width="100px">
                <el-form-item label="添加时间" prop="name">
                  <el-input
                    v-if="!isView"
                    placeholder=""
                    disabled
                    v-model="beatParam.createTime"
                  ></el-input>
                  <div v-else>{{ beatParam.createTime }}</div>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="8" label-width="100px">
                <el-form-item label="修改人" prop="name">
                  <el-input
                    v-if="!isView"
                    placeholder=""
                    disabled
                    v-model="beatParam.updateName"
                  ></el-input>
                  <div v-else>{{ beatParam.updateName }}</div>
                </el-form-item>
              </el-col>

              <el-col :span="8" label-width="100px">
                <el-form-item label="最后修改时间" prop="name">
                  <el-input
                    v-if="!isView"
                    placeholder=""
                    disabled
                    v-model="beatParam.updateTime"
                  ></el-input>
                  <div v-else>{{ beatParam.updateTime }}</div>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
  </div>
  </div>
</template>

<script>
export default {
  name: "beatParam",

  props: {
    beatParam: Object,
  },
  data() {
    return {
      beatParam: {},
      isView: true
    };
   }
};

</script>

<style scoped lang="scss">

.box_height{
  padding: 8px 20px;
  height: 300px;
  overflow-y: scroll;
}
</style>