<template>
    <div class="instruction_dialog" >
        <div class="header">领导批示</div>
        <van-form @submit="onSubmit">
            <van-field
            v-model="form.content"
            name="用户名"
            type="textarea"
            rows="5"
            maxlength="50"
            placeholder="请填写内容"
            :rules="[{ required: true, message: '请填写内容' }]"
            />
            <div class="action-bar">
                <van-button type="primary" native-type="submit" size="small">
                确定
                </van-button>
                <van-button size="small">
                取消
                </van-button>
            </div>
        </van-form>
    </div>
</template>


<script lang="ts" setup>
import { ref, reactive } from 'vue';
const form = {
    content: ''
}
const onSubmit = () => {

}

</script>

<style lang="scss" scoped>
.instruction_dialog {
    position: relative;

    .header {
        position: relative;
    }
}

.action-bar {
    padding: 16px;
    display: flex;
            flex-direction: row;
            justify-content: space-between;
}
</style>