报修记录与详情

src/projects/business/views/Master/Property/Repair/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,76 +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">
 				<form class="mui-input-group">
 					<div class="mui-input-row">
 						<label>报修状态</label>
@@ -109,11 +51,16 @@
 						<span class="vongi-span" v-text="detail.returnContent"></span>
 					</div>
 					<div class="mui-input-row">
-						<label>解决时间</label>
+						<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>

src/projects/business/views/Master/Property/Repair/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:'MasterPropertyRepairVerifyInfo',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:'MasterPropertyRepairVerifyInfo',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>