new

pages/index/Workordertodone/Workorderdetails/Workorderdetails.vue

@@ -1,54 +1,114 @@
 <template>
 	<view class="OutermostLayer">
 			<u-cell-group>				
-				<u-cell icon="integral-fill" title="任务名称" value="电力设备监测" >
+				<u-cell icon="integral-fill" title="报修时间"  :value="details.shijian" >
 					<u-icon slot="icon" size="40" name="order"></u-icon>					
 				</u-cell>
-				<u-cell icon="integral-fill" title="办结日期" value="2023-05-15" >
+				<u-cell icon="integral-fill" title="报修位置" :value="details.weizhi" >
 					<u-icon slot="icon" size="40" name="calendar"></u-icon>					
 				</u-cell>
-				<u-cell icon="integral-fill" title="任务类型" value="监测" >
+				<u-cell icon="integral-fill" title="报修区域" :value="details.quyu" >
 					<u-icon slot="icon" size="40" name="grid"></u-icon>					
 				</u-cell>
-				<u-cell icon="integral-fill" title="紧急程度" value="一般" >
+				<u-cell icon="integral-fill" title="报修类型" :value="details.leixing" >
 					<u-icon slot="icon" size="40" name="pushpin"></u-icon>					
 				</u-cell>
-				<u-cell icon="integral-fill" title="办理人员" value="杨刚" >
+				<u-cell icon="integral-fill" title="联系人" :value="details.lxr" >
 					<u-icon slot="icon" size="40" name="man-add"></u-icon>					
 				</u-cell>
-			</u-cell-group>
-		<view class="description">
-			<view class="taskdetals1">
-				<u-icon name="list-dot"  size="35"></u-icon>
-			</view>
-			<view class="taskdetals2">
-				请在5月15号之前，把B栋所有楼层的灯光设备检查完毕，并详细记录每层楼道的灯光寿命情况，把损坏的灯泡上报维修部。				
-			</view>
+				<u-cell icon="integral-fill" title="联系电话" :value="details.lxdh">
+					<u-icon slot="icon" size="40" name="man-add"></u-icon>					
+				</u-cell>
+				<u-cell icon="integral-fill" title="故障描述" :value="details.gzms" >
+					<u-icon slot="icon" size="40" name="man-add"></u-icon>					
+				</u-cell>
+				
+				 <u-cell icon="integral-fill" title="故障照片" >
+					 <u-icon slot="icon" size="40" name="man-add"></u-icon>		
+				    	<view
+				    	    slot="title"
+				    	    class="guzhang"
+				    	>
+						<view class="">
+							故障照片
+						</view>
+				    		<view class="albumcontent">				    		
+				    		  <u-album :urls="details.gzimg"></u-album>
+				    		</view>
+				    	</view>
+				    </u-cell>
+					
+			</u-cell-group>		
+		<view class="returndata">
+			<u-button type="primary"  text="返回" @click="returndata"></u-button>
 		</view>
 		
-		<view class="guidang">
-			
-			<view class="queding">
-				<u-button type="primary" :plain="true" text="返回" @click="returndata"></u-button>
-			</view>
-			<view class="queding">
-				<u-button type="primary" text="修改" @click="editdata"></u-button>
-			</view>
-		</view>
+		
+		
+		
 		</view>
 </template>
 
 <script>
+	import { isEmpty, getDictDataList } from "@/utils/index";
 	export default {
 		data() {
 			return {
-				
+				companyOrgId:'',
+				src: 'https://cdn.uviewui.com/uview/album/1.jpg',
+				details:{
+					shijian:'',
+					weizhi:'',
+					quyu:'',
+					leixing:'',
+					lxr:'',
+					lxdh:'',
+					gzms:'',
+					gzimg:[],
+				},
+				 albumWidth: 0,
 			}
 		},
+		onLoad(options) {
+		    this.companyOrgId = options.id;
+		  //  console.log(options.id);
+			this.getdata();
+		},
 		methods: {
-			editdata(){
-				uni.navigateTo({
-					url: '/pages/my/Mydistribution/distributionedit/distributionedit'
+			getdata(){
+				this.$api.get('/repairorder/'+this.companyOrgId,{})
+				.then(res=>{
+				//  console.log('111111111111111111',res.data.data)
+				//   console.log('1', getDictDataList("RepairRegion"))
+				//  console.log('2', getDictDataList("RepairType"))
+				//   console.log('3', getDictDataList("UrgencyType"))
+				 
+				  this.details.shijian=res.data.data.createDate;
+				    this.details.weizhi=res.data.data.repairPosition;
+					  this.details.lxr=res.data.data.contactPerson;
+					 this.details.lxdh=res.data.data.contactPhone;
+					 this.details.gzms=res.data.data.faultDes;
+				res.data.data.faultPics=res.data.data.faultPics.split(",");
+					 
+					 this.details.gzimg=res.data.data.faultPics;
+					  console.log('111111111111111111', this.details.gzimg)
+					
+				  if(res.data.data.repairRegion==1){
+					   this.details.quyu='公共区域';
+				  }else if(res.data.data.repairRegion==2){
+					     this.details.quyu='室内';
+				  }
+				  
+				  if(res.data.data.repairType==1){
+				  					   this.details.leixing='水';
+				  }else if(res.data.data.repairType==2){
+				  					     this.details.leixing='电';
+				  }else if(res.data.data.repairType==2){
+				  					     this.details.qleixinguyu='其他';
+				  }
+				  
+				  
+				  
 				})
 			},
 			returndata(){
@@ -61,6 +121,22 @@
 </script>
 
 <style>
+	.albumcontent{
+		display: flex;
+		.u-album{
+			display: flex;
+			flex-direction: row;
+			flex-wrap: wrap;
+		}
+	}
+.guzhang{
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}	
+	.returndata{
+		padding: 30rpx;
+	}
 	.description {
 		display: flex;
 		align-items: center;

pages/index/Workordertodone/Workordertodone.vue

@@ -173,9 +173,9 @@
 			   //   this.repairTypeList = getDictDataList("RepairType");
 			    },
 			Workorderdetails(e){
-				  console.log('111111111111111111',e)
+				//  console.log('111111111111111111',e)
 				   uni.navigateTo({
-				             url: `/pages/index/Workordertodone/Workorderdetails/Workorderdetails?id=e.id`
+				             url: `/pages/index/Workordertodone/Workorderdetails/Workorderdetails?id=${e.id}`
 				          });
 			},