<template>
  <div>
    <el-row :gutter="20" class="el-row" type="flex">
      <el-col :span="10" class="el-col">
        <div class="text item">
          <div class="itemTag">
            <span>业务类型名称:&nbsp;</span>
          </div>
          <el-input
            style="width: 200px"
            size="small"
            splaceholder="请输入内容"
            :disabled="true"
            v-model="inputQuery.name"
          ></el-input>
        </div>
      </el-col>
      <el-col :span="10" class="el-col">
        <div class="text item">
          <div class="itemTag">
            <span>业务类型代码:&nbsp;</span>
          </div>
          <el-input
            style="width: 200px"
            :disabled="true"
            size="small"
            splaceholder="请输入内容"
            v-model="inputQuery.action"
          ></el-input>
        </div>
      </el-col>
    </el-row>

    <el-row :gutter="20" class="el-row" type="flex">
      <el-col :span="10" class="el-col">
        <div class="text item">
          <div class="itemTag">
            <span>主业务类型代码:&nbsp;</span>
          </div>
          <el-input
            style="width: 200px"
            :disabled="true"
            size="small"
            splaceholder="请输入内容"
            v-model="inputQuery.mainAction"
          ></el-input>
        </div>
      </el-col>
      <el-col :span="10" class="el-col">
        <div class="text item">
          <div class="itemTag">
            <span>备注:&nbsp;</span>
          </div>
          <el-input
            style="width: 200px"
            size="small"
            splaceholder="请输入内容"
            v-model="inputQuery.remark"
          ></el-input>
        </div>
      </el-col>
    </el-row>

    <el-row :gutter="20" class="el-row" type="flex">
      <el-col :span="10" class="el-col">
        <div class="text item">
          <el-checkbox v-model="inputQuery.enable">是否启用</el-checkbox>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "inputQuery",
  props: {
    inputQuery: {
      type: Object,
      required: true,
    },
  },
};
</script>
