Newer
Older
urbanLifeline_YanAn / src / views / DialogTabs / component / RQ_ZhiHuiWaiHu.vue
@zhangqy zhangqy on 12 Oct 3 KB 优化
  1. <template>
  2. <div id="RQ_ZhiHuiWaiHu">
  3. <el-form
  4. :model="AllData.form"
  5. label-width="auto"
  6. style="max-width: 100%; padding: 0 40px 0 0px"
  7. class="GongDanPaiForm"
  8. >
  9. <el-form-item label="提醒类型:" class="cell1">
  10. <el-input v-model="AllData.form.GDType" />
  11. </el-form-item>
  12. <el-form-item label="提醒标题:" class="cell1">
  13. <el-input v-model="AllData.form.JQTimer" />
  14. </el-form-item>
  15. <el-form-item label="接收人:" class="cell2">
  16. <el-input v-model="AllData.form.FZYP" />
  17. </el-form-item>
  18. <el-form-item label="下发时间:" class="cell2">
  19. <el-input v-model="AllData.form.FXWZ" />
  20. </el-form-item>
  21. <el-form-item label="历史督办数:" class="cell2">
  22. <el-input v-model="AllData.form.FKSJ" />
  23. </el-form-item>
  24. </el-form>
  25. <el-button color="#03B6A0" style="width: 110px; height: 34px" @click="CloseDialog()"
  26. >提交</el-button
  27. >
  28. </div>
  29. </template>
  30.  
  31. <script setup name="RQ_ZhiHuiWaiHu">
  32. import { ref, reactive, toRefs, onMounted } from "vue";
  33. import bus from "@/bus";
  34.  
  35. import { unitVoiceTemplateCall } from "@/api/OutgoingCall/templateList";
  36. const props = defineProps({
  37. // 数据id
  38. dataID: {
  39. type: String,
  40. },
  41. });
  42. const { proxy } = getCurrentInstance();
  43. const AllData = reactive({
  44. form: {
  45. GDType: "燃气监测指标超标预警",
  46. JQTimer: "枣园片区发现燃气浓度异常,异常值百分之3,时间9时50分",
  47. FXWZ: "即时",
  48. FZYP: "燃气班组",
  49. FKSJ: "3",
  50. },
  51. });
  52. // 关闭弹窗
  53. const CloseDialog = () => {
  54. unitVoiceTemplateCall({
  55. robotId: "2c922fb8-40f1-47e9-afc0-dc3c7b6bb3cd",
  56. phones: "13129919657,13638648812,13332926003",
  57. templateDesc: {
  58. title: "延安城市生命线通知",
  59. notice: `在${AllData.form.JQTimer},请${AllData.form.FXWZ}进行确认与反馈`,
  60. },
  61. }).then((response) => {
  62. proxy.$modal.msgSuccess("派发成功");
  63. bus.emit("publicDialog_Close");
  64. });
  65. };
  66. onMounted(() => {
  67. console.log(123123123, props.dataID);
  68. if ((props.dataID == "JWND")) {
  69. AllData.form.JQTimer = "枣园片区发现燃气浓度异常,异常值百分之3,时间9时50分";
  70. } else if ((props.dataID == "YL")) {
  71. AllData.form.JQTimer = "枣园片区发现燃气压力异常,异常值5兆帕,时间8时23分";
  72. } else if ((props.dataID == "WD")) {
  73. AllData.form.JQTimer = "枣园片区发现燃气温度异常,异常值二十五度,时间10时51分";
  74. } else {
  75. AllData.form.JQTimer = "枣园片区发现燃气浓度异常,异常值百分之3,时间9时50分";
  76. }
  77. });
  78. </script>
  79.  
  80. <style lang="scss" scoped>
  81. #RQ_ZhiHuiWaiHu {
  82. width: 100%;
  83. height: 100%;
  84. text-align: center;
  85. padding-top: 20px;
  86.  
  87. :deep(.GongDanPaiForm) {
  88. width: 100%;
  89. height: calc(100% - 60px);
  90. overflow: auto;
  91.  
  92. .cell1 {
  93. float: left;
  94. width: 100%;
  95. }
  96. .cell2 {
  97. float: left;
  98. width: 50%;
  99.  
  100. .el-form-item__label {
  101. width: 200px !important;
  102. }
  103. }
  104. .el-form-item__label {
  105. font-family: Source Han Sans CN;
  106. font-weight: 400;
  107. font-size: 16px;
  108. color: #ffffff;
  109. }
  110. .el-input__wrapper {
  111. background: rgba(14, 69, 89, 0.9);
  112. border: 1px solid #1cf5fc;
  113. box-shadow: none;
  114.  
  115. .el-input__inner {
  116. font-family: Source Han Sans CN;
  117. font-weight: 400;
  118. font-size: 16px;
  119. color: #c1d3d4;
  120. }
  121. }
  122. }
  123. }
  124. </style>