<template>
  <!-- 发布应急响应通知 -->
  <div class="publicContainer">
    <el-form ref="formRef" :model="formData" :rules="rulesForm" label-width="120px" class="publicForm">
      <el-form-item label="应急响应等级" prop="level">
        <el-select v-model="formData.level" placeholder="请选择应急响应等级">
          <el-option v-for="item in levelList" :key="item.value" :label="item.label" :value="item.value" />
        </el-select>
      </el-form-item>
      <el-form-item label="应急启动时间:" prop="startTime">
        <el-date-picker type="date" v-model="formData.startTime" value-format="YYYY-MM-DD" placeholder="请选择应急启动时间" />
      </el-form-item>
      <el-form-item label="预计结束时间:" prop="endTime">
        <el-date-picker type="date" v-model="formData.endTime" value-format="YYYY-MM-DD" placeholder="请选择预计结束时间" />
      </el-form-item>
      <el-form-item label="响应部门:" prop="dept">
        <el-select v-model="formData.dept" placeholder="请选择响应部门" multiple>
          <el-option v-for="item in deptList" :key="item.value" :label="item.label" :value="item.value" />
        </el-select>
      </el-form-item>
      <el-form-item label="通知描述:" prop="remark">
        <el-input :rows="18" type="textarea" placeholder="请输入通知描述" v-model="formData.remark" />
      </el-form-item>
    </el-form>
    <div class="dialog-footer" style="text-align: center">
      <el-button type="info">取 消</el-button>
      <el-button type="primary">确 定</el-button>
    </div>
  </div>
</template>

<script setup>
const { proxy } = getCurrentInstance();
const formData = ref({
  level: '1',
  startTime: null,
  endTime: null,
  dept: ['1', '2', '3', '4', '5'],
  remark: `  雨前：向市防指、厅防指报告 |级应急响应情况；根据市防汛抗旱指挥部指令和气象部门发布的降雨信息，启动I级应急预警，下发I级响应通知，组织排水防涝会商。
  雨中：指挥调度全市各排水防涝战区开展排水防涝工作，并对各类突发事件进行安排部署，调动抢险力量和物资开展抢险、排涝工作；收集防汛信息，及时掌握城市内涝情况、发生的灾情和险情情况、队伍抢险情况、预置队伍等内容；赶赴受灾严重现场，指导、协助地方主管部门开展现场处置工作；对风险管控措施落实情况进行检查，督促属地落实防范措施；
城市防汛动态由城防办统一审核发布；发生灾情、险情及时报告市防指和厅防指办；重大、特别重大城市内涝灾害发生后，由城防办报市防指，市防指在5小时内发布权威信息、24小时内举行新闻发布会。
  雨后：督促各区、有关单为做好雨后恢复工作；对严重积水事件进行讨论，商讨解决方案，总结不足。
  信息报送：各区、各单位根据要求报送现场情况信息，每日8时、14时、18时向市防指、厅防指办报送防汛信息，结合雨情做好随时报送信息的准备，雨后报送恢复工作情况。`,
});

const rulesForm = ref({
  level: [{ required: true, message: '请选择应急响应等级', trigger: 'change' }],
  startTime: [{ required: true, message: '请选择应急启动时间', trigger: 'change' }],
  endTime: [{ required: true, message: '请选择预计结束时间', trigger: 'change' }],
});
const levelList = ref([
  { value: '1', label: 'I 级(红色预警)响应' },
  { value: '2', label: 'II 级(橙色预警)响应' },
  { value: '3', label: 'III 级(黄色预警)响应' },
  { value: '4', label: 'IV 级(蓝色预警)响应' },
]);
const deptList = ref([
  { value: '1', label: '各区' },
  { value: '2', label: '市城管局' },
  { value: '3', label: '市水利局' },
  { value: '4', label: '市住建局' },
  { value: '5', label: '市公安局' },
  { value: '6', label: '市气象局' },
  { value: '7', label: '市生态环境局' },
]);

onMounted(() => {});
</script>

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