<template>
  <div>
    <el-form>
      <el-card style="margin-top: -10px;padding-top:10px ">
        <el-row :gutter="20" type="flex">
          <el-col :span="24">
            <!--            :disabled="true" 这个标识启用标识不能修改-->
            <el-form-item label="单据类型:" label-width="120px">
              <el-input
                size="mini"
                :disabled="true"
                splaceholder="请输入内容" style="width: 80%"
                v-model="inputQuery.name"
              ></el-input>
            </el-form-item>
          </el-col>

        </el-row>
        <el-row :gutter="20" type="flex">
          <el-col :span="24">
            <el-form-item label="单据类型代码:" label-width="120px">
              <el-input
                size="mini"
                style="width: 80%"
                :disabled="true"
                splaceholder="请输入内容"
                v-model="inputQuery.action"
              ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20" type="flex">
          <el-col :span="24">
            <el-form-item label="单据起始上传:" label-width="120px">
              <el-date-picker
                type="date"
                v-model="inputQuery.orderStartTime"
                format="yyyy-MM-dd"
                style="width: 80%"
                value-format="yyyy-MM-dd"
                :disabled="inputQuery.autoUpload"
                placeholder="选择日期">
              </el-date-picker>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20" type="flex">
          <el-col :span="24">
            <el-form-item label="单据状态:" label-width="120px">
              <el-radio-group v-model="inputQuery.orderStatus" :disabled="inputQuery.autoUpload">
                <el-radio :label="1" :value="1">待审核</el-radio>
                <el-radio :label="2" :value="2">已审核</el-radio>
                <el-radio :label="3" :value="3">已确认</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20" type="flex">
          <el-col :span="24">
            <el-form-item label="单据来源:" label-width="120px">
              <el-select
                v-model="inputQuery.orderSource"
                multiple
                collapse-tags
                style="width: 80%"
                placeholder="请选择"
              >
                <el-option label="UDIMS平台" value="1"></el-option>
                <el-option label="网页新增" value="2"></el-option>
                <el-option label="pda即时校验" value="3"></el-option>
                <el-option label="pda未校验" value="4"></el-option>
                <el-option label="pc端扫码精灵" value="5"></el-option>
                <el-option label="流转自动补单" value="6"></el-option>
                <el-option label="UDI供应商平台" value="7"></el-option>
                <el-option label="平衡补录单据" value="8"></el-option>
                <el-option label="手动补单" value="10"></el-option>
                <el-option label="仓库盘点" value="11"></el-option>
                <el-option label="采购计划" value="12"></el-option>
                <el-option label="领用单据" value="13"></el-option>
                <el-option label="第三方系统单据" value="14"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>


    </el-form>
  </div>
</template>

<script>


export default {
  name: "inputQuery",
  props: {
    inputQuery: {
      type: Object,
      required: true,
    },
  },

  methods: {},
  data() {
    return {
      inputQuery: {
        orderSource: [], // 存储用户选择的单据来源
        orderStatus: 3,//单选框默认选择已确认单据选项
      },
    }
  }
};
</script>
<style scoped>
.itemTag {
  float: left;
  text-align: left;
  margin-top: 5px;

}

.text {
  font-size: 13px;
  font-family: "Microsoft YaHei";
}


</style>
