- <template>
- <div id="RQ_ZhiHuiWaiHu">
- <el-form
- :model="AllData.form"
- label-width="auto"
- style="max-width: 100%; padding: 0 40px 0 0px"
- class="GongDanPaiForm"
- >
- <el-form-item label="提醒类型:" class="cell1">
- <el-input v-model="AllData.form.GDType" />
- </el-form-item>
- <el-form-item label="提醒标题:" class="cell1">
- <el-input v-model="AllData.form.JQTimer" />
- </el-form-item>
- <el-form-item label="接收人:" class="cell2">
- <el-input v-model="AllData.form.FZYP" />
- </el-form-item>
- <el-form-item label="下发时间:" class="cell2">
- <el-input v-model="AllData.form.FXWZ" />
- </el-form-item>
- <el-form-item label="历史督办数:" class="cell2">
- <el-input v-model="AllData.form.FKSJ" />
- </el-form-item>
- </el-form>
- <el-button color="#03B6A0" style="width: 110px; height: 34px" @click="CloseDialog()"
- >提交</el-button
- >
- </div>
- </template>
-
- <script setup name="RQ_ZhiHuiWaiHu">
- import { ref, reactive, toRefs, onMounted } from "vue";
- import bus from "@/bus";
-
- import { unitVoiceTemplateCall } from "@/api/OutgoingCall/templateList";
- const props = defineProps({
- // 数据id
- dataID: {
- type: String,
- },
- });
- const { proxy } = getCurrentInstance();
- const AllData = reactive({
- form: {
- GDType: "燃气监测指标超标预警",
- JQTimer: "枣园片区发现燃气浓度异常,异常值百分之3,时间9时50分",
- FXWZ: "即时",
- FZYP: "燃气班组",
- FKSJ: "3",
- },
- });
- // 关闭弹窗
- const CloseDialog = () => {
- unitVoiceTemplateCall({
- robotId: "2c922fb8-40f1-47e9-afc0-dc3c7b6bb3cd",
- phones: "13129919657,13638648812,13332926003",
- templateDesc: {
- title: "延安城市生命线通知",
- notice: `在${AllData.form.JQTimer},请${AllData.form.FXWZ}进行确认与反馈`,
- },
- }).then((response) => {
- proxy.$modal.msgSuccess("派发成功");
- bus.emit("publicDialog_Close");
- });
- };
- onMounted(() => {
- console.log(123123123, props.dataID);
- if ((props.dataID == "JWND")) {
- AllData.form.JQTimer = "枣园片区发现燃气浓度异常,异常值百分之3,时间9时50分";
- } else if ((props.dataID == "YL")) {
- AllData.form.JQTimer = "枣园片区发现燃气压力异常,异常值5兆帕,时间8时23分";
- } else if ((props.dataID == "WD")) {
- AllData.form.JQTimer = "枣园片区发现燃气温度异常,异常值二十五度,时间10时51分";
- } else {
- AllData.form.JQTimer = "枣园片区发现燃气浓度异常,异常值百分之3,时间9时50分";
- }
- });
- </script>
-
- <style lang="scss" scoped>
- #RQ_ZhiHuiWaiHu {
- width: 100%;
- height: 100%;
- text-align: center;
- padding-top: 20px;
-
- :deep(.GongDanPaiForm) {
- width: 100%;
- height: calc(100% - 60px);
- overflow: auto;
-
- .cell1 {
- float: left;
- width: 100%;
- }
- .cell2 {
- float: left;
- width: 50%;
-
- .el-form-item__label {
- width: 200px !important;
- }
- }
- .el-form-item__label {
- font-family: Source Han Sans CN;
- font-weight: 400;
- font-size: 16px;
- color: #ffffff;
- }
- .el-input__wrapper {
- background: rgba(14, 69, 89, 0.9);
- border: 1px solid #1cf5fc;
- box-shadow: none;
-
- .el-input__inner {
- font-family: Source Han Sans CN;
- font-weight: 400;
- font-size: 16px;
- color: #c1d3d4;
- }
- }
- }
- }
- </style>