diff --git a/public/pages/complaint/complaint/complaint.js b/public/pages/complaint/complaint/complaint.js
index f1e4ebb44..c42eee4a0 100644
--- a/public/pages/complaint/complaint/complaint.js
+++ b/public/pages/complaint/complaint/complaint.js
@@ -104,7 +104,8 @@
                 $that._listComplaints(DEFAULT_PAGE, DEFAULT_ROWS);
             },
             _openComplaintDetailModel: function (_complaint) {
-                vc.emit('complaintDetail', 'openComplaintDetailModal', _complaint);
+                //vc.emit('complaintDetail', 'openComplaintDetailModal', _complaint);
+                vc.jumpToPage('/#/pages/complaint/complaintDetail?complaintId='+_complaint.complaintId);
             },
             _toAuditPage: function () {
                 vc.jumpToPage('/#/pages/property/workflowManage?tab=流程管理');
diff --git a/public/pages/complaint/complaintDetail/complaintDetail.html b/public/pages/complaint/complaintDetail/complaintDetail.html
new file mode 100644
index 000000000..184b726a7
--- /dev/null
+++ b/public/pages/complaint/complaintDetail/complaintDetail.html
@@ -0,0 +1,104 @@
+<div class="white-bg padding-lg padding-top border-radius">
+    <div class="flex justify-between">
+        <div class="text-title">投诉详情</div>
+        <div>
+            <button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
+                    v-on:click="vc.goBack()">
+                返回
+            </button>
+        </div>
+    </div>
+    <!-- 业主信息 -->
+    <div class="margin-top">
+        <div class="row" style="min-height: 160px;">
+            <div class="col-sm-12">
+                <div class="row">
+                    <div class="col-sm-3">
+                        <div class="form-group">
+                            <label class="col-form-label">
+                                    <vc:i18n name="订单编号：" namespace="complaintDetailInfo"></vc:i18n>
+                            </label>
+                            <label class="">{{complaintDetailInfo.complaintId}}</label>
+                        </div>
+                    </div>
+                    <div class="col-sm-3">
+                        <div class="form-group">
+                            <label class="col-form-label">
+                                <vc:i18n name="类型：" namespace="complaintDetailInfo"></vc:i18n>
+                            </label>
+                            <label class="">{{complaintDetailInfo.typeName}}</label>
+                        </div>
+                    </div>
+                    <div class="col-sm-3">
+                        <div class="form-group">
+                            <label class="col-form-label">
+                                <vc:i18n name="房屋：" namespace="complaintDetailInfo"></vc:i18n>
+                            </label>
+                            <label class="">
+                                {{complaintDetailInfo.roomName}}
+                            </label>
+                        </div>
+                    </div>
+                    <div class="col-sm-3">
+                        <div class="form-group">
+                            <label class="col-form-label">
+                                <vc:i18n name="联系人：" namespace="complaintDetailInfo"></vc:i18n>
+                            </label>
+                            <label class="">{{complaintDetailInfo.complaintName}}</label>
+                        </div>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-sm-3">
+                        <div class="form-group">
+                            <label class="col-form-label">
+                                <vc:i18n name="联系电话：" namespace="complaintDetailInfo"></vc:i18n>
+                            </label>
+                            <label class="">{{complaintDetailInfo.tel}}</label>
+                        </div>
+                    </div>
+                    <div class="col-sm-3">
+                        <div class="form-group">
+                            <label class="col-form-label">
+                                <vc:i18n name="状态：" namespace="complaintDetailInfo"></vc:i18n>
+                            </label>
+                            <label class="">{{complaintDetailInfo.stateName}}</label>
+                        </div>
+                    </div>
+                    <div class="col-sm-6">
+                        <div class="form-group">
+                            <label class="col-form-label">
+                                <vc:i18n name="创建时间：" namespace="complaintDetailInfo"></vc:i18n>
+                            </label>
+                            <label class="">{{complaintDetailInfo.createTime}}</label>
+                        </div>
+                    </div>
+                    <div class="col-sm-6">
+                        <div class="form-group">
+                            <label class="col-form-label">
+                                <vc:i18n name="投诉内容：" namespace="complaintDetailInfo"></vc:i18n>
+                            </label>
+                            <label class="">{{complaintDetailInfo.context}}</label>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="vc-line-primary margin-top"></div>
+    <div class="margin-top-sm">
+        <ul class="nav nav-tabs">
+            <li class="nav-item">
+                <a class="nav-link" v-bind:class="{active:complaintDetailInfo._currentTab == 'complaintDetailRoom'}"
+                   v-on:click="changeTab('complaintDetailRoom')">
+                    <vc:i18n name="房屋" namespace="complaintDetail"></vc:i18n>
+                </a>
+            </li>
+            
+        </ul>
+    </div>
+    <div v-if="complaintDetailInfo._currentTab == 'complaintDetailRoom'">
+        <!-- <vc:create path="owner/complaintDetailRoom"></vc:create> -->
+    </div>
+   
+</div>
\ No newline at end of file
diff --git a/public/pages/complaint/complaintDetail/complaintDetail.js b/public/pages/complaint/complaintDetail/complaintDetail.js
new file mode 100644
index 000000000..47ca63fe8
--- /dev/null
+++ b/public/pages/complaint/complaintDetail/complaintDetail.js
@@ -0,0 +1,72 @@
+/**
+ 业主详情页面
+ **/
+(function (vc) {
+    vc.extends({
+        data: {
+            complaintDetailInfo: {
+                viewComplaintFlag: '',
+                complaintId: "",
+                typeName: '',
+                roomName: "",
+                complaintName: "",
+                tel: "",
+                stateName: "",
+                createTime: "",
+                context:'',
+                ownerPhoto: "/img/noPhoto.jpg",
+                _currentTab: 'complaintDetailRoom',
+            }
+        },
+        _initMethod: function () {
+            $that.complaintDetailInfo.complaintId = vc.getParam('complaintId');
+            if (!vc.notNull($that.complaintDetailInfo.complaintId)) {
+                return;
+            }
+            let _currentTab = vc.getParam('currentTab');
+            if (_currentTab) {
+                $that.complaintDetailInfo._currentTab = _currentTab;
+            }
+            $that._loadComplaintInfo();
+            $that.changeTab($that.complaintDetailInfo._currentTab);
+        },
+        _initEvent: function () {
+            vc.on('complaintDetail', 'listComplaintData', function (_info) {
+                $that._loadComplaintInfo();
+                $that.changeTab($that.complaintDetailInfo._currentTab);
+            });
+        },
+        methods: {
+            _loadComplaintInfo: function () {
+                let param = {
+                    params: {
+                        complaintId: $that.complaintDetailInfo.complaintId,
+                        page: 1,
+                        row: 1,
+                        communityId: vc.getCurrentCommunity().communityId,
+                        ownerTypeCd: '1001'
+                    }
+                }
+                //发送get请求
+                vc.http.apiGet('/complaint.listComplaints',
+                    param,
+                    function (json, res) {
+                        let _json = JSON.parse(json);
+                        vc.copyObject(_json.data[0], $that.complaintDetailInfo);
+                    },
+                    function (errInfo, error) {
+                        console.log('请求失败处理');
+                    }
+                );
+            },
+            changeTab: function (_tab) {
+                $that.complaintDetailInfo._currentTab = _tab;
+                vc.emit(_tab, 'switch', {
+                    complaintId: $that.complaintDetailInfo.complaintId,
+                    ownerName: $that.complaintDetailInfo.name,
+                    link: $that.complaintDetailInfo.link,
+                })
+            },
+        }
+    });
+})(window.vc);
\ No newline at end of file