<template>
    <div class="box_height">
    <div >
        <el-form label-width="100px" ref="form" :model="normalHours">
            <el-row>
              <el-col :span="16" label-width="100px">
                <el-form-item label="标准时长" prop="type">
                  <el-input
                    v-if="!isView"
                    placeholder="标准时长"
                    v-model="normalHours.time"
                  ></el-input>
                  <div v-else>{{ normalHours.time }}</div>
                </el-form-item>
              </el-col>
              <el-col :span="8" label-width="100px">
                <el-form-item label="单位" prop="type">
                  <el-input
                    v-if="!isView"
                    placeholder="单位"
                    v-model="normalHours.unit"
                  ></el-input>
                  <div v-else>{{ normalHours.unit }}</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="normalHours.remark"
                    type="textarea"
                    :rows="4"
                  ></el-input>
                  <div v-else>{{ normalHours.remark }}</div>
                </el-form-item>
              </el-col>
            </el-row>
          </el-form>
    </div>
    </div>
  </template>
  
  <script>
  export default {
    name: "normalHours",
  
    props: {
        normalHours: Object,
    },
    data() {
      return {

        isView: true
      };
     }
  };
  
  </script>
  
  <style scoped lang="scss">
  
  .box_height{
    padding: 8px 20px;
    height: 300px;
    overflow-y: scroll;
  }
  </style>