投诉建议

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

@@ -8,19 +8,19 @@
 				<form class="mui-input-group">
 					<div class="mui-input-row">
 						<label>投诉人</label>
-						<span>1111</span>
+						<span v-text="detail.name"></span>
 					</div>
 					<div class="mui-input-row">
 						<label>联系电话</label>
-						<span class="color4fc5f7">15500001111</span>
+						<span class="color4fc5f7" v-text="detail.phone"></span>
 					</div>
 					<div class="mui-input-row">
 						<label>房号</label>
-						<span>1-1-2201</span>
+						<span v-text="detail.community"></span>
 					</div>
 					<div class="mui-input-row">
 						<label>投诉时间</label>
-						<span>2020-10-10 10:00:00</span>
+						<span v-text="detail.createTime"></span>
 					</div>
 				</form>
 			</div>
@@ -28,75 +28,18 @@
 				<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-meform-pho" v-text="detail.content"></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 v-if="detail.img" class="fyy-upphoto flew">
+								<div v-for="(item,index) in detail.img.split(',')" class="mui-col-xs-3">
+									<img :src="item" />
 								</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>
-						<span v-text="detail.name"></span>
-					</div>
-					<div class="mui-input-row">
-						<label>联系电话</label>
-						<span class="color4fc5f7" v-text="detail.phone"></span>
-					</div>
-					<div class="mui-input-row">
-						<label>房号</label>
-						<span v-text="detail.community"></span>
-					</div>
-					<div class="mui-input-row">
-						<label>投诉时间</label>
-						<span v-text="detail.createTime"></span>
-					</div>
-					<div class="mui-input-row">
-						<label>投诉内容</label>
-						<span class="vongi-span" v-text="detail.content"></span>
-					</div>
-				</form>
-			</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-qingjiadt">
 				<form class="mui-input-group">
 					<div class="mui-input-row">
 						<label>投诉状态</label>
@@ -111,16 +54,21 @@
 						<label>回复时间</label>
 						<span v-text="detail.returnTime"></span>
 					</div>
+					<!-- <div class="mui-input-row">
+						<label>关闭时间</label>
+						<span>2020-10-10 10:00:00</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">
 			<div class="mui-popup-inner vongi-pop-inner">
-				<div class="mui-popup-title">回复消息</div>
+				<div class="mui-popup-title">回复内容</div>
 				<div class="mui-popup-input">
 					<textarea v-model="subForm.content" rows="3" placeholder="请输入回复内容"></textarea>
 				</div>
@@ -146,7 +94,7 @@
 		mapMutations
 	} from 'vuex'
 	export default {
-		name: 'MasterPropertyComplaintVerifyInfo',
+		name: 'MasterPropertyRepairVerifyInfo',
 		components: {
 			Common,
 			Loading,
@@ -201,7 +149,7 @@
 						this.isLoading = false;
 						this.openFormShow = false;
 
-						mui.toast('回复成功');
+						mui.toast('处理成功');
 						this.$router.go(-1);
 
 					}).catch(error => {
@@ -214,7 +162,10 @@
 
 			},
 		},
-		
+		mounted() {
+			//获取详情
+			this.getDetail();
+		},
 		computed: {
 			...mapGetters({
 				openId: 'wx_openid',

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

@@ -4,136 +4,6 @@
 		<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">
@@ -145,19 +15,25 @@
 						</a>
 					</div>
 				</div>
-				<div class="mui-slider-group">
+				<div class="mui-slider-group vongi-wybx">
 					<div v-show="listForm.status==0" class="mui-slider-item mui-control-content">
 						<div class="mui-scroll-wrapper">
 							<div class="mui-scroll">
 								<ul class="mui-table-view">
-									<li v-for="(item,index) in recordList" :key="item.id" class="mui-table-view-cell">
+									<li v-for="(item,index) in recordList" :key="item.id" class="mui-table-view-cell vongi-wordcard vongi-meform-pho">
 										<router-link :to="{name:'MasterPropertyComplaintVerifyInfo',query:{id:item.id}}">
 											<div class="mui-media-body flew-sp">
 												<div class="mui-col-xs-9" v-text="item.content"></div>
-												<div class="mui-col-xs-3"><button type="button" class="mui-btn mui-btn-primary mui-btn-outlined" v-text="item.statusN"></button></div>
+												<div class="mui-col-xs-3 color55f868" v-text="item.statusN"></div>
+											</div>
+											<div v-if="item.img" class="fyy-upphoto flew">
+												<div v-for="(iten,inden) in item.img.split(',')" class="mui-col-xs-3">
+													<img :src="iten" />
+												</div>
+												<span class="mui-badge" v-text="item.img.split(',').length"></span>
 											</div>
 											<p class="flew-items flew-sp">
-												发 起 人：{{item.name}} {{item.community}}
+												{{item.categoryN}} {{item.name}} {{item.community}}
 												<span class='mui-ellipsis' v-text="item.createTime"></span>
 											</p>
 										</router-link>
@@ -170,14 +46,20 @@
 						<div class="mui-scroll-wrapper">
 							<div class="mui-scroll">
 								<ul class="mui-table-view">
-									<li v-for="(item,index) in recordList" :key="item.id" class="mui-table-view-cell">
+									<li v-for="(item,index) in recordList" :key="item.id" class="mui-table-view-cell vongi-wordcard vongi-meform-pho">
 										<router-link :to="{name:'MasterPropertyComplaintVerifyInfo',query:{id:item.id}}">
 											<div class="mui-media-body flew-sp">
 												<div class="mui-col-xs-9" v-text="item.content"></div>
-												<div class="mui-col-xs-3"><button type="button" class="mui-btn mui-btn-success mui-btn-outlined" v-text="item.statusN"></button></div>
+												<div class="mui-col-xs-3 color55f868" v-text="item.statusN"></div>
+											</div>
+											<div v-if="item.img" class="fyy-upphoto flew">
+												<div v-for="(iten,inden) in item.img.split(',')" class="mui-col-xs-3">
+													<img :src="iten" />
+												</div>
+												<span class="mui-badge" v-text="item.img.split(',').length"></span>
 											</div>
 											<p class="flew-items flew-sp">
-												发 起 人：{{item.name}} {{item.community}}
+												{{item.categoryN}} {{item.name}} {{item.community}}
 												<span class='mui-ellipsis' v-text="item.createTime"></span>
 											</p>
 										</router-link>
@@ -188,7 +70,8 @@
 					</div>
 				</div>
 			</div>
-		</div> -->
+		</div>
+
 
 		<loading :visible="isLoading"></loading>
 	</div>