催办弹窗

src/views/modules/shequzhili/timeOut/Urging.vue

@@ -3,41 +3,41 @@
       <table>
           <tr>
             <th>工单号</th>
-            <td>{{formData.ticketNumber}}</td>
+            <td>{{eventDetailData.workOrderNum}}</td>
             <th>事件类别</th>
-            <td>{{formData.eventCategory}}</td>
+            <td>{{eventDetailData.categoryAllName}}</td>
         </tr>
         <tr>
             <th>报件人</th>
-            <td>{{formData.reporter}}</td>
+            <td>{{eventDetailData.name}}</td>
             <th>联系电话</th>
-            <td>{{formData.phone}}</td>
+            <td>{{eventDetailData.mobile}}</td>
         </tr>
         <tr>
             <th>事件描述</th>
-            <td colspan="3">{{formData.reminderExplanation}}</td>
+            <td colspan="3">{{eventDetailData.eventContent}}</td>
         </tr>
         <tr>
             <th>指派部门</th>
-            <td>{{formData.assignedDepartment}}</td>
+            <td>{{eventDetailData.deptName}}</td>
             <th>指派时间</th>
-            <td>{{formData.assignmentTime}}</td>
+            <td></td>
         </tr>
         <tr>
             <th>联系来电人时限</th>
-            <td>{{formData.contactDeadline}}</td>
+            <td>{{eventDetailData.contactTime}}</td>
             <th>部门办结时限</th>
-            <td>{{formData.departmentDeadline}}</td>
+            <td>{{eventDetailData.limitTime}}</td>
         </tr>
         <tr>
             <th>办理状态</th>
-            <td>{{formData.status}}</td>
+            <td>{{eventDetailData.limitStatus}}</td>
             <th></th>
             <td></td>
         </tr>
         <tr>
             <th>催办说明</th>
-            <td class="status-overdue" colspan="3">{{formData.reminderExplanation}}</td>
+            <td class="status-overdue" colspan="3">将以发送手机短信形式提醒指派部门，尽快对事件进行响应处理！</td>
         </tr>
     </table>
     </div>
@@ -47,26 +47,21 @@
   export default {
     data() {
       return {
-        formData: {
-          ticketNumber: '240708102255257019',
-          eventCategory: '城乡建设-住房与房地产-物业管理',
-          reporter: '张先生',
-          contactNumber: '18789008989',
-          description: '王先生反映：市北区海伦路街道北岭山花园小区3号楼楼顶漏水，多次联系物业，不给处理，推诿，请尽快给做防水处理。',
-          assignedDepartment: '城建办',
-          assignmentTime: '2024-07-14 19:54:36',
-          contactDeadline: '2024-07-15 10:00',
-          status: '联系来电人超期',
-          reminderExplanation: '将以发送手机短信形式提醒指派部门负责人（城建办-张三），尽快对事件进行响应处理！',
-          phone:"156666628220"
-        }
       };
     },
     methods: {
       handleSubmit() {
         // 处理表单提交
-        console.log('表单已提交');
       }
+    },
+    mounted(){
+        console.log(this.eventDetailData,'seeeee');
+    },
+    props:{
+        eventDetailData:{
+            type:Object,
+            default:()=>{}
+        }
     }
   };
   </script>

src/views/modules/shequzhili/timeOut/index.vue

@@ -174,7 +174,7 @@
         <el-dialog title="催办" :visible.sync="dialogVisible" width="650px" top="5vh" class="dialog-h" :before-close="handleClose">
             
             <Urging ref="ref_form"  v-if="dialogVisible" @dialogCancle="addFormCancle"
-              @dialogOk="addFormOk"></Urging>
+              @dialogOk="addFormOk" :eventDetailData="eventDetailData"></Urging>
             <span slot="footer" class="dialog-footer">
                 <el-button @click="dialogVisible = false">取 消</el-button>
                 <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
@@ -465,9 +465,7 @@ export default {
         async handleAdd() {
             this.pageType = "add";
         },
-
-        async handleWatch(row) {
-            console.log("row",row);
+        async getDetail(row){
             this.eventId = row.icEventId;
             const url = "/governance/icEvent/detail";
             const { data, code, msg } = await requestPost(url, {
@@ -475,16 +473,18 @@ export default {
             });
             if (code === 0) {
                 this.eventDetailData = { ...data };
-                this.pageType = "info";
             } else {
                 this.$message.error(msg);
             }
         },
+        async handleWatch(row) {
+           await this.getDetail(row)
+           this.pageType = "info";
+        },
 
           async handleDispose(row) {
-           console.log(row,"row");
-           this.dialogVisible=true
- 
+           await this.getDetail(row)
+           this.dialogVisible=true;
         },
         //下载模版
         async handleExportModule() {