加入报修详情

WebService/src/main/resources/components/ownerRepairPackage/ownerRepairDetail/ownerRepairDetail.html

@@ -0,0 +1,77 @@
+<div id="ownerRepairDetailModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
+     aria-hidden="true">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <div class="modal-body">
+                <h3 class="m-t-none m-b ">报修详情</h3>
+                <div class="ibox-content">
+                    <div>
+                        <div>
+                            <div class="form-group row">
+                                <label class="col-sm-2 col-form-label">报修ID</label>
+                                <div class="col-sm-10">
+                                    <input v-model="ownerRepairDetailInfo.repairId" type="text"
+                                           readonly class="form-control">
+                                </div>
+                            </div>
+                            <div class="form-group row">
+                                <label class="col-sm-2 col-form-label">报修类型</label>
+                                <div class="col-sm-10">
+                                    <input v-model="ownerRepairDetailInfo.repairTypeName" type="text"
+                                            readonly class="form-control">
+                                </div>
+                            </div>
+                            <div class="form-group row">
+                                <label class="col-sm-2 col-form-label">报修人</label>
+                                <div class="col-sm-10">
+                                    <input v-model="ownerRepairDetailInfo.repairName" type="text" readonly
+                                           class="form-control">
+                                </div>
+                            </div>
+                            <div class="form-group row">
+                                <label class="col-sm-2 col-form-label">联系方式</label>
+                                <div class="col-sm-10">
+                                    <input v-model="ownerRepairDetailInfo.tel" type="number" readonly
+                                           class="form-control">
+                                </div>
+                            </div>
+                            <div class="form-group row">
+                                <label class="col-sm-2 col-form-label">房屋编号</label>
+                                <div class="col-sm-10">
+                                    <input v-model="ownerRepairDetailInfo.roomName" readonly type="text" readonly
+                                           class="form-control">
+                                </div>
+                            </div>
+                            <div class="form-group row">
+                                <label class="col-sm-2 col-form-label">预约时间</label>
+                                <div class="col-sm-10">
+                                    <input v-model="ownerRepairDetailInfo.appointmentTime" type="text"
+                                           readonly class="form-control ">
+                                </div>
+                            </div>
+                            <div class="form-group row">
+                                <label class="col-sm-2 col-form-label">维修师傅</label>
+                                <div class="col-sm-10">
+                                    <input v-model="ownerRepairDetailInfo.repairName" type="text"
+                                           readonly class="form-control ">
+                                </div>
+                            </div>
+                            <div class="form-group row">
+                                <label class="col-sm-2 col-form-label">报修内容</label>
+                                <div class="col-sm-10">
+                                    <textarea readonly cols="15" class="form-control"
+                                              v-model="ownerRepairDetailInfo.context"></textarea></div>
+                            </div>
+
+                            <div class="ibox-content">
+                                <button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
+                                        data-dismiss="modal">取消
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

WebService/src/main/resources/components/ownerRepairPackage/ownerRepairDetail/ownerRepairDetail.js

@@ -0,0 +1,43 @@
+(function(vc){
+
+    vc.extends({
+        data:{
+            ownerRepairDetailInfo:{
+                repairId:'',
+                repairType:'',
+                repairName:'',
+                tel:'',
+                roomId:'',
+                roomName:'',
+                appointmentTime:'',
+                context:'',
+
+            }
+        },
+         _initMethod:function(){
+            
+         },
+         _initEvent:function(){
+            vc.on('ownerRepairDetail','openOwnerRepairDetailModal',function(_ownerInfo){
+                vc.component.clearOwnerRepairDetailInfo();
+                vc.copyObject(_ownerInfo,vc.component.ownerRepairDetailInfo);
+                $('#ownerRepairDetailModel').modal('show');
+            });
+        },
+        methods:{
+            clearOwnerRepairDetailInfo:function(){
+                vc.component.ownerRepairDetailInfo = {
+                        repairId:'',
+                        repairType:'',
+                        repairName:'',
+                        tel:'',
+                        roomId:'',
+                        roomName:'',
+                        appointmentTime:'',
+                        context:'',
+                    };
+            }
+        }
+    });
+
+})(window.vc);

WebService/src/main/resources/components/ownerRepairPackage/repairDispatch-manage/repairDispatchManage.html

@@ -73,29 +73,36 @@
                     >
                         <thead>
                         <tr>
-                            <th class="text-center">报修ID</th>
+<!--                            <th class="text-center">报修ID</th>-->
                             <th class="text-center">报修类型</th>
                             <th class="text-center">报修人</th>
                             <th class="text-center">联系方式</th>
                             <th class="text-center">预约时间</th>
+                            <th class="text-center">维修师傅</th>
                             <th class="text-center">状态</th>
-                            <th class="text-center">操作</th>
+                            <th class="text-right">操作</th>
                         </tr>
                         </thead>
                         <tbody>
                         <tr v-for="ownerRepair in repairDispatchManageInfo.ownerRepairs">
-                            <td class="text-center">{{ownerRepair.repairId}}</td>
+<!--                            <td class="text-center">{{ownerRepair.repairId}}</td>-->
                             <td class="text-center">{{ownerRepair.repairTypeName}}</td>
                             <td class="text-center">{{ownerRepair.repairName}}</td>
                             <td class="text-center">{{ownerRepair.tel}}</td>
                             <td class="text-center">{{ownerRepair.appointmentTime}}</td>
+                            <td class="text-center">{{ownerRepair.repairName}}</td>
                             <td class="text-center">{{ownerRepair.stateName}}</td>
-                            <td class="text-center">
+                            <td class="text-right">
                                 <div class="btn-group" v-if="ownerRepair.state == '1000'">
                                     <button class="btn-white btn btn-xs"
                                             v-on:click="_openDispatchRepair(ownerRepair)">派单
                                     </button>
                                 </div>
+                                <div class="btn-group">
+                                    <button class="btn-white btn btn-xs"
+                                            v-on:click="_openDispatchRepairDetail(ownerRepair)">详情
+                                    </button>
+                                </div>
                             </td>
 
                         </tr>
@@ -115,4 +122,6 @@
         </div>
     </div>
 
+    <vc:create name="ownerRepairDetail"></vc:create>
+
 </div>

WebService/src/main/resources/components/ownerRepairPackage/repairDispatch-manage/repairDispatchManage.js

@@ -117,6 +117,9 @@
                  vc.jumpToPage('/flow/repairDispatchStepFlow?repairId=' + _ownerRepair.repairId);
 
             },
+            _openDispatchRepairDetail:function(_ownerRepair){
+                vc.emit('ownerRepairDetail','openOwnerRepairDetailModal',_ownerRepair);
+            },
             _moreCondition:function(){
                 if(vc.component.repairDispatchManageInfo.moreCondition){
                     vc.component.repairDispatchManageInfo.moreCondition = false;