Merge remote-tracking branch 'origin/master'

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

@@ -4,7 +4,73 @@
 		<top-header :pageTitle="pageTitle"></top-header>
 
 		<div class="mui-content margin60">
-			<div class="mui-content-padded vongi-editme vongi-qingjiadt">
+			<div class="mui-content-padded vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>投诉人</label>
+						<span>1111</span>
+					</div>
+					<div class="mui-input-row">
+						<label>联系电话</label>
+						<span class="color4fc5f7">15500001111</span>
+					</div>
+					<div class="mui-input-row">
+						<label>房号</label>
+						<span>1-1-2201</span>
+					</div>
+					<div class="mui-input-row">
+						<label>投诉时间</label>
+						<span>2020-10-10 10:00:00</span>
+					</div>
+				</form>
+			</div>
+			<div class="mui-content-padded  vongi-qingjiadt vongi-hdsq">
+				<form class="mui-input-group vongi-wybx">
+					<div class="mui-input-row padd10">
+						<label>投诉内容</label>
+						<span class="vongi-span vongi-meform-pho">您的投诉建议服务，已处理完毕。如未能解决您的问题，可与我们物业联系。</span>
+						<span class="vongi-span vongi-wordcard vongi-meform-pho">
+							<div class="fyy-upphoto flew">
+								<div class="mui-col-xs-3">
+									<img src="~$project/assets/img/zhaop.jpg" />
+								</div>
+								<div class="mui-col-xs-3">
+									<img src="~$project/assets/img/zhaop.jpg" />
+								</div>
+								<div class="mui-col-xs-3">
+									<img src="~$project/assets/img/zhaop.jpg" />
+								</div>
+								<div class="mui-col-xs-3">
+									<img src="~$project/assets/img/zhaop.jpg" />
+								</div>
+							</div>
+						</span>
+					</div>
+					
+				</form>
+			</div>
+			<div class="mui-content-padded vongi-qingjiadt">
+				<form class="mui-input-group">
+					<div class="mui-input-row">
+						<label>投诉状态</label>
+						<span class="color55f868">已回复</span>
+					</div>
+					<div class="mui-input-row">
+						<label>投诉内容</label>
+						<span class="vongi-span">您的投诉建议服务，已上]处理完毕。如未能解决您的问题，可与我们物业联系。</span>
+						
+					</div>
+					<div class="mui-input-row">
+						<label>回复时间</label>
+						<span>2020-10-10 10:00:00</span>
+					</div>
+					<div class="mui-input-row">
+						<label>关闭时间</label>
+						<span>2020-10-10 10:00:00</span>
+					</div>
+				</form>
+			</div>
+			<!-- <div class="mui-content-padded vongi-editme vongi-qingjiadt">
 				<form class="mui-input-group">
 					<div class="mui-input-row">
 						<label>申请人</label>
@@ -27,10 +93,10 @@
 						<span class="vongi-span" v-text="detail.content"></span>
 					</div>
 				</form>
-			</div>
+			</div> -->
 
 			<!--状态-->
-			<div v-if="detail.status!='0'" class="mui-content-padded vongi-editme vongi-qingjiadt">
+			<!-- <div v-if="detail.status!='0'" class="mui-content-padded vongi-editme vongi-qingjiadt">
 				<form class="mui-input-group">
 					<div class="mui-input-row">
 						<label>投诉状态</label>
@@ -46,10 +112,10 @@
 						<span v-text="detail.returnTime"></span>
 					</div>
 				</form>
-			</div>
+			</div> -->
 		</div>
 		<div class="fyy-footer" v-if="detail.status=='0'">
-			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary" @click="openFormShow=true">回 复</button></div>
+			<div class="bindfyy-btn"><button type="submit" class="mui-btn mui-btn-primary" @click="openFormShow=true">关闭投诉</button></div>
 		</div>
 		<!--弹窗-->
 		<div v-show="openFormShow" class="mui-popup mui-popup-in vongi-mui-pop">
@@ -148,14 +214,7 @@
 
 			},
 		},
-		mounted() {
-			//获取详情
-			this.getDetail();
-			document.body.style.backgroundColor = '#fff';
-		},
-		destroyed() {
-			document.body.style.backgroundColor = '';
-		},
+		
 		computed: {
 			...mapGetters({
 				openId: 'wx_openid',

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

@@ -4,6 +4,136 @@
 		<top-header :pageTitle="pageTitle"></top-header>
 
 		<div class="mui-content vongi-hdsq">
+			<div id="slider" class="mui-slider mui-fullscreen ">
+				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
+					<div class="mui-scroll">
+						<a class="mui-control-item mui-active" href="#item1mobile">
+							<span class="fyy-badge">待处理<span class="mui-badge">5</span></span>
+						</a>
+						<a class="mui-control-item" href="#item2mobile">
+							已处理
+						</a>
+					</div>
+				</div>
+				<div class="mui-slider-group vongi-wybx">
+					<div id="item1mobile" class="mui-slider-item mui-control-content">
+						<div class="mui-scroll-wrapper">
+							<div class="mui-scroll">
+								<ul class="mui-table-view">
+									<li class="mui-table-view-cell vongi-wordcard vongi-meform-pho">
+										<a href="">
+											<div class="mui-media-body flew-sp">
+												<div class="mui-col-xs-9">空调外挂机隔间下水堵住了，导致墙面漏…</div>
+												<div class="mui-col-xs-3 color4fc5f7">待处理</div>
+											</div>
+											<div class="fyy-upphoto flew">
+												<div class="mui-col-xs-3">
+													<img src="~$project/assets/img/zhaop.jpg" />
+												</div>
+												<div class="mui-col-xs-3">
+													<img src="~$project/assets/img/zhaop.jpg" />
+												</div>
+												<div class="mui-col-xs-3">
+													<img src="~$project/assets/img/zhaop.jpg" />
+												</div>
+												<span class="mui-badge">5</span>
+											</div>
+											<p class="flew-items flew-sp">
+												管理服务  李广宵 1-1-2201
+												<span class='mui-ellipsis'>10-21 19:00</span>
+											</p>
+										</a>
+									</li>
+									<li class="mui-table-view-cell vongi-wordcard vongi-meform-pho">
+										<a href="">
+											<div class="mui-media-body flew-sp">
+												<div class="mui-col-xs-9">空调外挂机隔间下水堵住了，导致墙面漏…</div>
+												<div class="mui-col-xs-3 color4fc5f7">待处理</div>
+											</div>
+											<div class="fyy-upphoto flew">
+												<div class="mui-col-xs-3">
+													<img src="~$project/assets/img/zhaop.jpg" />
+												</div>
+												<div class="mui-col-xs-3">
+													<img src="~$project/assets/img/zhaop.jpg" />
+												</div>
+												<div class="mui-col-xs-3">
+													<img src="~$project/assets/img/zhaop.jpg" />
+												</div>
+												<span class="mui-badge">5</span>
+											</div>
+											<p class="flew-items flew-sp">
+												管理服务  李广宵 1-1-2201
+												<span class='mui-ellipsis'>10-21 19:00</span>
+											</p>
+										</a>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+					<div id="item2mobile" class="mui-slider-item mui-control-content">
+						<div class="mui-scroll-wrapper">
+							<div class="mui-scroll">
+								<ul class="mui-table-view">
+									<li class="mui-table-view-cell vongi-wordcard vongi-meform-pho">
+										<a href="">
+											<div class="mui-media-body flew-sp">
+												<div class="mui-col-xs-9">空调外挂机隔间下水堵住了，导致墙面漏…</div>
+												<div class="mui-col-xs-3 color55f868">已回复</div>
+											</div>
+											<div class="fyy-upphoto flew">
+												<div class="mui-col-xs-3">
+													<img src="~$project/assets/img/zhaop.jpg" />
+												</div>
+												<div class="mui-col-xs-3">
+													<img src="~$project/assets/img/zhaop.jpg" />
+												</div>
+												<div class="mui-col-xs-3">
+													<img src="~$project/assets/img/zhaop.jpg" />
+												</div>
+												<span class="mui-badge">5</span>
+											</div>
+											<p class="flew-items flew-sp">
+												管理服务  李广宵 1-1-2201
+												<span class='mui-ellipsis'>10-21 19:00</span>
+											</p>
+										</a>
+									</li>
+									<li class="mui-table-view-cell vongi-wordcard vongi-meform-pho">
+										<a href="">
+											<div class="mui-media-body flew-sp">
+												<div class="mui-col-xs-9">空调外挂机隔间下水堵住了，导致墙面漏…</div>
+												<div class="mui-col-xs-3 color999">已关闭</div>
+											</div>
+											<div class="fyy-upphoto flew">
+												<div class="mui-col-xs-3">
+													<img src="~$project/assets/img/zhaop.jpg" />
+												</div>
+												<div class="mui-col-xs-3">
+													<img src="~$project/assets/img/zhaop.jpg" />
+												</div>
+												<div class="mui-col-xs-3">
+													<img src="~$project/assets/img/zhaop.jpg" />
+												</div>
+												<span class="mui-badge">5</span>
+											</div>
+											<p class="flew-items flew-sp">
+												管理服务  李广宵 1-1-2201
+												<span class='mui-ellipsis'>10-21 19:00</span>
+											</p>
+										</a>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+
+				</div>
+			</div>
+
+		</div>
+		<!-- <div class="mui-content vongi-hdsq">
 			<div id="slider" class="mui-slider mui-fullscreen ">
 				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
 					<div class="mui-scroll">
@@ -58,7 +188,7 @@
 					</div>
 				</div>
 			</div>
-		</div>
+		</div> -->
 
 		<loading :visible="isLoading"></loading>
 	</div>