<template>
  <div class="bigBox">
    <MOSTY.FromPage title="管控措施详情" @closeDialog="close">
      <template #content>
        <el-form style="flex-wrap: wrap;justify-content: center;" class="mt30" ref="formRef" :model="formData" label-width="80px" label-suffix=":">
          <el-row :gutter="2">
            <el-col :span="20">
              <el-form-item label="现有措施">
                <el-input type="textarea" style="width:800px" row="7" v-model="formData.existingMeasure" readonly></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row :gutter="2">
            <el-col :span="20">
              <el-form-item label="加强措施">
                <el-input type="textarea" style="width:800px" row="7" v-model="formData.strengtheningMeasures"
                  readonly></el-input>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </template>
      <template #footer>
        <el-button type="primary" @click="close">关闭</el-button>
      </template>
    </MOSTY.FromPage>
  </div>
</template>

<script setup>
import { reactive, ref, onMounted, defineProps, defineEmits } from "vue";
import * as MOSTY from "@/components/MyComponents/index";

const props = defineProps({
  obj: {
    type: Object,
    default: () => ({})
  }
})
const emits = defineEmits(['close'])

const formData = ref({});
const test = () => {
  formData.value = props.obj || {}
}
const close = () => {
  emits('close')
}
onMounted(() => {
  test()
})

</script>

<style lang="scss" scoped></style>