|
@@ -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;
|