Newer
Older
KaiFengPC / src / views / sponeScreen / waterFlood / sendMessage.vue
@zhangdeliang zhangdeliang on 1 Nov 1 KB update
  1. <template>
  2. <!-- 发送短信弹窗 -->
  3. <div class="publicContainer">
  4. <el-form :model="formData" label-width="100px" :rules="formRules">
  5. <el-form-item label="负责人:" prop="name">
  6. <el-input clearable v-model="formData.name" placeholder="请输入负责人"></el-input>
  7. </el-form-item>
  8. <el-form-item label="负责人电话:" prop="phone">
  9. <el-input clearable v-model="formData.phone" max-length="11" placeholder="请输入负责人电话"></el-input>
  10. </el-form-item>
  11. <el-form-item label="短信预览:" prop="content">
  12. <el-input type="textarea" disabled :rows="4" v-model="formData.content" placeholder=""></el-input>
  13. </el-form-item>
  14. <el-form-item>
  15. <el-button type="warning" icon="Phone">发送短信</el-button>
  16. </el-form-item>
  17. </el-form>
  18. </div>
  19. </template>
  20.  
  21. <script setup>
  22. const { proxy } = getCurrentInstance();
  23.  
  24. const props = defineProps({
  25. realData: {
  26. type: Object,
  27. },
  28. pipeDetail: {
  29. type: Object,
  30. },
  31. });
  32.  
  33. const formData = ref({
  34. name: '李文峰',
  35. phone: '13837899917',
  36. content: '',
  37. });
  38. const formRules = ref({
  39. name: [{ required: true, message: '请输入负责人', trigger: 'blur' }],
  40. phone: [{ required: true, message: '请输入负责人电话', trigger: 'blur' }],
  41. });
  42.  
  43. onMounted(() => {
  44. // 短信内容
  45. setTimeout(() => {
  46. formData.value.content =
  47. '【开封海绵办】在' +
  48. props.realData.stName +
  49. ',时间:' +
  50. props.realData.tt +
  51. ',监测到水深为' +
  52. props.realData.z +
  53. '米,管网直径为' +
  54. (props.pipeDetail.pipelineDiameterTemp || '--') +
  55. '米,发生了满管管网冒溢风险,请及时前往查看并做好处理措施。';
  56. }, 500);
  57. });
  58. </script>
  59.  
  60. <style lang="scss" scoped></style>