feat: 订单-联系客服

src/manifest.json

@@ -82,6 +82,12 @@
         },
         "uniStatistics" : {
             "enable" : true
+        },
+        "plugins": {
+            "contactPlugin": {
+                "version": "1.4.3",
+                "provider": "wx104a1a20c3f81ec2"
+            }
         }
     },
     "mp-alipay" : {

src/pages.json

@@ -654,7 +654,10 @@
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "",
 		"navigationBarBackgroundColor": "#F8F8F8",
-		"backgroundColor": "#F4F5F7"
+		"backgroundColor": "#F4F5F7",
+		"usingComponents": {
+			"cell": "plugin://contactPlugin/cell"
+		}
 	},
 	"tabBar": {
 		"color": "#7A7E83",

src/pages/order/detail.vue

@@ -102,6 +102,15 @@
             <u-icon name="arrow-right"></u-icon>
           </view>
         </view>
+        <view
+          class="customer"
+          v-if="order.customerServiceId"
+        >
+          <view class="top-item">
+            <text>联系客服</text>
+          </view>
+          <cell :plugid='order.customerServiceId'  />
+        </view>
         <!-- 带预约显示时间选择 -->
         <FeedbackContent
           ref="feed-back"
@@ -1222,6 +1231,19 @@ export default {
     }
   }
 }
+.customer {
+  width: 100%;
+  margin: 20rpx 0;
+  border-radius: 12rpx;
+  background-color: #ffffff;
+  padding: 24rpx 30rpx;
+  .top-item {
+    font-size: 32rpx;
+    color: #333333;
+    font-weight: bold;
+    margin-bottom: 20rpx;
+  }
+}
 .order-file {
   display: flex;
   justify-content: space-between;