工单详情

pages/workOrderDetail/index.js

@@ -1,3 +1,9 @@
+import { loadingFunc, alertSuccess, alertInfo } from "../../utils/index";
+import request from "../../utils/request"
+import { getNoticeFlowDetail, doNoticeFlow } from "../../service/workBench"
+
+const { OK } = request;
+
 // pages/workOrderDetail/index.js
 Page({
 
@@ -5,16 +11,56 @@ Page({
    * 页面的初始数据
    */
   data: {
-
+    detail: {}
   },
 
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad(options) {
-
+    const { id } = options;
+    const that = this;
+    loadingFunc(async () => {
+      that.getDetail(id)
+    })
+  },
+  showImage() {
+    this.setData({
+      imageShow: true
+    })
+  },
+  onClose() {
+    this.setData({
+      imageShow: false
+    })
+  },
+  goback() {
+    wx.navigateBack();
+  },
+  async onSubmit() {
+    const {detail} = this.data;
+    const {id} = detail;
+    const { code, message } = await doNoticeFlow(id)
+    if (code !== OK) {
+      alertInfo(message)
+      return
+    }
+    alertSuccess("确认成功")
+    const that = this;
+    loadingFunc(async () => {
+      that.getDetail(id)
+    })
+  },
+  async getDetail(id) {
+    const { code, data ,message } = await getNoticeFlowDetail(id)
+    if (code !== OK) {
+      alertInfo(message)
+      return;
+    }
+    this.setData({
+      detail: data
+    })
   },
-
   /**
    * 生命周期函数--监听页面初次渲染完成
    */

pages/workOrderDetail/index.json

@@ -1,3 +1,8 @@
 {
-  "usingComponents": {}
+  "usingComponents": {
+    "navigator": "/components/navigator/index",
+    "van-popup": "@vant/weapp/popup/index",
+    "van-field": "@vant/weapp/field/index"
+  },
+  "navigationStyle": "custom"
 }

pages/workOrderDetail/index.wxml

@@ -1,2 +1,58 @@
 <!--pages/workOrderDetail/index.wxml-->
-<text>pages/workOrderDetail/index.wxml</text>
+<navigator title="工单详情" canBack="{{true}}" />
+<view>
+    <van-field
+        value="{{ detail.target.meter_data.park_name || '-' }}"
+        label="园区"
+        readonly
+        title-width="132rpx"
+    />
+    <van-field
+        value="{{ detail.target.full_name || '-'  }}"
+        label="商户全称"
+        readonly
+        title-width="132rpx"
+    />
+    <van-field
+        value="{{ detail.target.meter_data.meter_sn || '-'  }}"
+        label="电表编号"
+        readonly
+        title-width="132rpx"
+    />
+    <van-field
+        value="{{ detail.target.meter_data.address || '-'  }}"
+        label="电表地址"
+        readonly
+        title-width="132rpx"
+    />
+    <van-field
+        label="图片"
+        title-width="132rpx"
+    >
+        <view slot="input" >
+            <view style="display: flex; align-items: center;" wx:if="{{detail.images}}">
+                <van-image width="100" height="100" src="{{detail.images}}" bind:tap="showImage" />
+            </view>
+            <view wx:else> - </view>
+        </view>
+    </van-field>
+    <view class="operate">
+        <view class="submit"> <van-button type="info" block bind:click="onSubmit"> 提交 </van-button> </view>
+        <view class="cancel"> <van-button block bind:tap="goback"> 返回 </van-button> </view>
+    </view>
+</view>
+
+
+<van-popup 
+    show="{{ imageShow }}" 
+    bind:close="onClose"
+    z-index="99999"
+>
+    <van-image 
+        width="100vw"
+        height="99.1vh"
+        fit="contain"
+        src="{{detail.images}}" 
+        bind:click="onClose"
+    />
+</van-popup>

pages/workOrderDetail/index.wxss

@@ -1 +1,16 @@
-/* pages/workOrderDetail/index.wxss */
+/* pages/workOrderDetail/index.wxss */
+
+
+.operate {
+    display: flex;
+    padding-top: 24rpx;
+    padding-bottom: 36rpx;
+}
+
+.submit, .cancel {
+    flex: 1;
+}
+
+.submit {
+    margin-right: 30rpx;
+}