投诉建议表单/列表/详情

src/projects/business/views/Master/Property/Complaint/Form.vue

@@ -1,6 +1,20 @@
 <template>
 <div>
-
+    <header class="mui-bar mui-bar-nav">
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+			<h1 class="mui-title">投诉建议</h1>
+		</header>
+		<div class="mui-content">
+			<div class="mui-content-padded">
+				<h5>请输入您的投诉内容或者建议</h5>
+				<div class="mui-input-row">
+					<textarea id="textarea" rows="5" placeholder="请输入"></textarea>
+				</div>
+			</div>
+		</div>
+		<div class="fyy-footer">
+			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary ">提交</button></div>
+		</div>
 </div>
 </template>
 

src/projects/business/views/Master/Property/Complaint/Info.vue

@@ -1,10 +1,30 @@
 <template>
 <div>
+    <header class="mui-bar mui-bar-nav">
+			<h1 class="mui-title">投诉建议</h1>
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+		</header>
 
+		<div class="mui-content">
+			<div class="mui-content-padded fyy-detail">
+				<h4 style="margin:30px 0 15px">2019-09-03</h4>
+				<p>投诉建议内容</p>
+			</div>
+			<div class="mui-content-padded fyy-huifu">
+				<div class="fyy-answer-title">以下为回复内容</div>
+				<p>您的投诉建议服务，已上门处理完毕。如未能解决您的问题，可与我们物业联系。</p>
+				<div class="mui-h6 mui-pull-right">2019-09-03</div>
+			</div>
+		</div>
 </div>
 </template>
 
-<script>
+<script scoped>
+  export default {
+        mounted() {
+            document.body.style.backgroundColor = '#fff';
+        },
+    }
 </script>
 
 <style scoped src="$project/assets/css/xpwyfyy.css"></style>
@@ -12,3 +32,4 @@
 <style>
 </style>
 
+

src/projects/business/views/Master/Property/Complaint/List.vue

@@ -1,6 +1,47 @@
 <template>
 <div>
-
+    <header class="mui-bar mui-bar-nav">
+			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
+			<h1 class="mui-title">投诉建议</h1>
+		</header>
+		<div class="mui-content">
+			<div class="mui-content-padded">
+				<ul class="mui-table-view openfyy-list">
+					<li class="mui-table-view-cell mui-media">
+						<a href="javascript:;" class="mui-navigate-right ">
+							<div class="mui-media-body">
+								2019-09-03
+								<p class='mui-ellipsis'>已回复</p>
+							</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<a href="javascript:;" class="mui-navigate-right ">
+							<div class="mui-media-body">
+								2019-09-03
+								<p class='mui-ellipsis'>待回复</p>
+							</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<a href="javascript:;" class="mui-navigate-right ">
+							<div class="mui-media-body">
+								2019-09-03
+								<p class='mui-ellipsis'>已回复</p>
+							</div>
+						</a>
+					</li>
+					<li class="mui-table-view-cell mui-media">
+						<a href="javascript:;" class="mui-navigate-right ">
+							<div class="mui-media-body">
+								2019-09-03
+								<p class='mui-ellipsis'>已结束</p>
+							</div>
+						</a>
+					</li>
+				</ul>
+			</div>
+		</div>
 </div>
 </template>
 
@@ -11,4 +52,3 @@
 <style src="$project/assets/css/iconfont.css"></style>
 <style>
 </style>
-