smartai2dian0/src/modules/permission/role/RoleForm.vue

<template>
  <a-form :model="edit_form" auto-label-width>
    <a-row :gutter="24">
      <a-col :span="22">
        <a-form-item field="roleName" label="用户名" :rules="[
          { required: true, message: '用户名必填' },
        ]">
          <a-input v-model="edit_form.roleName" />
        </a-form-item>
      </a-col>
    </a-row>
    <a-row :gutter="24">
      <a-col :span="22">
        <a-form-item field="remark" label="备注">
          <a-textarea v-model="edit_form.remark" />
        </a-form-item>
      </a-col>
    </a-row>
  </a-form>
</template>

<script setup>
import { toRefs } from 'vue';
const props = defineProps({
  edit_form: Object,
  is_edit_mode: Boolean,
  roles: Array,
});

const { edit_form } = toRefs(props);
</script>