<template>
  <div>
    <el-divider content-position="left"><h3>工具信息</h3></el-divider>
    <el-form label-width="100px" class="demo-ruleForm" label-position="left">
      <el-row>
        <el-col :span="24">
          <el-form-item label="工具名称">
            {{tool.name}}&nbsp;
          </el-form-item>
        </el-col>
      </el-row>
    <el-row>
        <el-col :span="8">
          <el-form-item label="工具价格">
            {{tool.price}}元
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="交付方式">
            {{tool.deliverType}}
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label="工具类型">
            <tool-type :type="tool.toolType"></tool-type>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>

<script>
  import ToolType from "./enum/ToolType";
  export default {
    name: "ToolInfo",
    components:{ToolType},
    props: {
      tool: Object
    },
  }
</script>

<style scoped>

</style>
