<template>
  <div>
    <a-drawer
      title="抽屉"
      :width="720"
      :visible="isVisibleDrawe"
      :body-style="{ paddingBottom: '80px' }"
      @close="onClose"
    >
      <div class="drawer-content">
        <a-form-model
          title="1d2"
          layout="vertical"
          ref="ruleForm"
          :model="form"
          :rules="rules"
          :wrapper-col="{ span: 18 }"
        >
          <div>基本信息</div>
          <a-divider></a-divider>
          <a-row>
            <a-col :span="12">
              <a-form-model-item label="申请人身份" prop="identity">
                <a-select
                  v-model="form.identity"
                  placeholder="请选择申请人身份"
                />
              </a-form-model-item>
            </a-col>
          </a-row>
        </a-form-model>
      </div>
      <div class="drawer-footer">
        <a-button :style="{ marginRight: '8px' }" @click="onClose">
          关闭
        </a-button>
        <a-button type="primary" @click="onClose"> 提交 </a-button>
      </div>
    </a-drawer>
  </div>
</template>
<script>
export default {
	name: "addWork",
	data() {
		return {
			isVisibleDrawe: false,
		};
	},
	props: {
		visible: Boolean,
		form:Object,
		rules:Object
	},
	methods: {
		onClose() {
			this.$emit("onClose");
		},
	},
	watch: {
		visible: {
			handler(newValue) {
				this.isVisibleDrawe = newValue;
			},
			immediate: true,
		},
	},
};
</script>
<style lang="less" scoped>
</style>
