From 0652620f2deabeb89e1149be24909f0ba739a7e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?TOP=E7=B3=AF=E7=B1=B3?= <1130395124@qq.com>
Date: Sat, 25 Feb 2023 20:53:29 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=B8=88=E5=82=85=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json              |   6 ++
 src/pages/order/detail.vue  |   2 +-
 src/pages/order/order.vue   |   4 +-
 src/pages/worker/detail.vue | 119 ++++++++++++++++++++++++++++++++++++
 4 files changed, 128 insertions(+), 3 deletions(-)
 create mode 100644 src/pages/worker/detail.vue

diff --git a/src/pages.json b/src/pages.json
index 7c73345..8520b2f 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -55,6 +55,12 @@
 				"navigationBarTitleText": "订单详情"
 			}
 		},
+		{
+			"path": "pages/worker/detail",
+			"style": {
+				"navigationBarTitleText": "师傅详情"
+			}
+		},
 		{
 			"path": "pages/demand/demand",
 			"style": {
diff --git a/src/pages/order/detail.vue b/src/pages/order/detail.vue
index 36271b1..369b793 100644
--- a/src/pages/order/detail.vue
+++ b/src/pages/order/detail.vue
@@ -255,7 +255,7 @@ export default {
             });
         },
         workerDetail(id) {
-            console.log(id);
+            this.$utils.toPage('/pages/worker/detail?id=' + id);
         },
         chooseWorker(id) {
             const that = this;
diff --git a/src/pages/order/order.vue b/src/pages/order/order.vue
index 4302046..89e66af 100644
--- a/src/pages/order/order.vue
+++ b/src/pages/order/order.vue
@@ -72,7 +72,7 @@ export default {
                             createTime: "2022-10-18 10:56:34",
                             serviceTime: "2022-10-18 10:56:34",
                             orderType: 2,
-                            state: 2,
+                            state: 1,
                             worker: {
                                 id: 1,
                                 name: "张师傅",
@@ -124,7 +124,7 @@ export default {
                             createTime: "2022-10-18 10:56:34",
                             serviceTime: "2022-10-18 10:56:34",
                             orderType: 1,
-                            state: 1,
+                            state: 3,
                             worker: {
                                 id: 1,
                                 name: "张师傅",
diff --git a/src/pages/worker/detail.vue b/src/pages/worker/detail.vue
new file mode 100644
index 0000000..c533d7c
--- /dev/null
+++ b/src/pages/worker/detail.vue
@@ -0,0 +1,119 @@
+<template>
+    <app-layout headerBackgroundColor="#F6F6F6" backgroundColor="#F6F6F6" title="师傅详情" textColor="dark">
+        <view class="worker-header">
+            <view class="worker-base">
+                <view class="head">
+                    <image class="cover" :src="cover" mode="aspectFill" />
+                </view>
+                <view class="desc">
+                    <view class="name">
+                        <text>{{ name }}</text>
+                    </view>
+                    <view class="type" :style="{ color: models.worker.getWorkerTypeTextColor(type) }">
+                        <text>{{ models.worker.getWorkerTypeText(type) }}</text>
+                    </view>
+                </view>
+            </view>
+            <view class="service-info">
+                <view class="section">
+                    服务：<text class="num">{{ times }}</text>
+                    <text class="unit">次</text>
+                </view>
+                <view class="section">
+                    好评率：<text class="num">{{ favorable_rate }}</text>
+                    <text class="unit">%</text>
+                </view>
+                <view class="section">
+                    评分：<text class="num">{{ grade }}</text>
+                </view>
+            </view>
+        </view>
+    </app-layout>
+</template>
+
+<script>
+import AppLayout from "@/components/layout/layout";
+export default {
+    name: "worker-detail",
+    data() {
+        return {
+            models: this.$models,
+            id: 1,
+            name: "张师傅",
+            type: 2,
+            cover: require("@/static/temp/order/1.png"),
+            times: 687,
+            favorable_rate: 99.8,
+            grade: 4.5,
+        };
+    },
+    components: {
+        AppLayout,
+    },
+    onLoad(e) {
+        this.id = e.id;
+    },
+    onShow() {},
+    onReady() {},
+    onReachBottom() {},
+    onPullDownRefresh() {},
+    methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.worker-header {
+    width: 100%;
+    padding: 40rpx;
+    box-sizing: border-box;
+    background-color: #ffffff;
+}
+.worker-base {
+    width: 100%;
+    display: flex;
+    .head {
+        line-height: 0;
+        margin-right: 28rpx;
+        .cover {
+            width: 110rpx;
+            height: 110rpx;
+            border-radius: 50%;
+            overflow: hidden;
+        }
+    }
+    .desc {
+        display: flex;
+        justify-content: space-around;
+        flex-direction: column;
+        line-height: 28rpx;
+        .name {
+            font-size: 28rpx;
+            color: #010101;
+        }
+        .type {
+            display: inline-block;
+            font-size: 24rpx;
+            font-weight: bold;
+        }
+    }
+}
+.service-info {
+    display: flex;
+    justify-content: space-between;
+    box-sizing: border-box;
+    padding: 0 20rpx;
+    margin-top: 50rpx;
+    .section {
+        font-size: 30rpx;
+        color: #999999;
+    }
+    .num {
+        font-size: 36rpx;
+        color: #8B9AEB;
+    }
+    .unit {
+        font-size: 36rpx;
+        color: #999999;
+    }
+}
+</style>
\ No newline at end of file