sl-sfy-safety/src/views/message/alarm-config/components/PushOccasionsCard.vue

<template>
  <div class="push-occasions-card">
    <!-- <el-form-item label="推送对象：">
      <el-radio-group v-model="form.pushRecipients.type">
        <el-radio v-for="item in PushRecipientType" :value="item.id">{{ item.label }}</el-radio>
      </el-radio-group>
    </el-form-item>
    <el-form-item v-if="form.pushRecipients.type !== 1">asdad </el-form-item> -->
    <!-- <el-form-item label="自定义内容：">
        <el-input
    v-model="form."
    style="width: 240px"
    :autosize="{ minRows: 2, maxRows: 4 }"
    type="textarea"
    :placeholder="holder"
  />
    </el-form-item> -->
    <div>{{ '【' + (type || '') + '】' + form.pushPhase }}</div>
  </div>
</template>

<script setup lang="ts">
  import { PushRecipients } from '../types';
  // import {
  //   ElFormItem,
  //   ElInput,
  //   FormInstance,
  //   FormRules,
  // } from 'element-plus';

  const props = defineProps<{
    form: PushRecipients;
    type?: string | undefined;
  }>();

  // 推送人员
  // const PushRecipientType = [
  //   { id: 1, label: '全员' },
  //   { id: 2, label: '分组' },
  //   { id: 3, label: '自定义' },
  // ];
</script>

<style scoped lang="scss">
  .push-occasions-card {
    width: 541px;
    height: 248px;
    background-color: #fafafa;
    font-size: 16px;
  }
</style>