提交

甲情_甲意/miniprogram/pages/dingdanxiangqing/dingdanxiangqing.acss

@@ -0,0 +1,63 @@
+.text{
+  font-size: 18px;
+  font-weight:bold;
+}
+.textbox{
+  width: 40%;
+  height: 50px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.box{
+  width: 90%;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid #f69595;
+  border-radius: 10px;
+}
+.image{
+  width: 25px;
+  height: 25px;
+}
+.biaoti{
+  width: 100%;
+  display: flex;
+  height: 30px;
+  align-items:center;
+  justify-content:space-between;
+}
+.imagebox{
+  display: flex;
+  margin:10rpx 0 20rpx 0
+}
+.dindan{
+  display: flex;
+  justify-content: center;
+}
+.tupian{
+  width: 100px;
+  height: 100px;
+  border-radius: 20px;
+  margin-left: 20rpx;
+}
+.price{
+  width: 70px;
+  display: flex;
+  align-items:flex-end;
+  justify-content: center;
+  margin-left:auto ;
+}
+.xian{
+  width: 98%;
+  height: 1px;
+  border-top: 1px solid #827e7e;
+}
+.messagebox{
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.textwiezhi{
+  margin:10rpx 0 10rpx 20rpx
+}

甲情_甲意/miniprogram/pages/dingdanxiangqing/dingdanxiangqing.axml

@@ -0,0 +1,41 @@
+<view class="textbox">
+  <text a:if="{{ statues==0 }}" class="text">订单待支付</text>
+  <text a:if="{{ statues==1 }}" class="text">订单待使用</text>
+  <text a:if="{{ statues==2 }}" class="text">订单已完成</text>
+  <text a:if="{{ statues==3 }}" class="text">订单已取消</text>
+  <text a:if="{{ statues==4 }}" class="text">订单已预约</text>
+  <text a:if="{{ statues==5 }}" class="text">订单已退款</text>
+</view>
+<view class="dindan">
+  <view class="box">
+  <view class="biaoti">
+    <view style="margin-left:10rpx;display:flex;justify-content:center;align-items:center">
+      <text>{{businessName}}</text>
+    <image class="image" mode="scaleToFill" src="../image/jiantou.png" />
+    </view>
+    <view>
+      <text a:if="{{ serviceMode==0 }}" style="color:#95c1f6;margin-right:10rpx">到店服务</text>
+      <text a:if="{{ serviceMode==1 }}" style="color:#95c1f6;margin-right:10rpx">上门服务</text>
+    </view>
+  </view>
+  <!-- 图片部分 -->
+  <view class="imagebox">
+    <image class="tupian" mode="scaleToFill" src="{{commoditiesImage}}" />
+    <view style="display:flex;flex-direction:column;height:100%;justify-content:center">
+      <text style="margin-left:20rpx;font-weight:bold;font-size:18">{{commoditiesName}}</text>
+      <text style="margin:10rpx 0 0 20rpx">x1</text>
+    </view>
+    <view class="price">
+      <text>实付￥{{commoditiesPrice}}</text>
+    </view>
+  </view>
+  <view class="xian"></view>
+  <!-- 信息部分 -->
+  <view class="messagebox">
+    <text class="textwiezhi">订单编号：{{ordernumber}}</text>
+    <text class="textwiezhi">客户姓名：{{userName}}</text>
+    <text class="textwiezhi">联系电话：{{phone}}</text>
+    <text class="textwiezhi">创建时间：{{createTime}}</text>
+  </view>
+  </view>
+</view>

甲情_甲意/miniprogram/pages/dingdanxiangqing/dingdanxiangqing.js

@@ -0,0 +1,29 @@
+Page({
+  data: {},
+  onLoad(options) {
+    const ordernumber = options.ordernumber
+    const userName = options.userName
+    const phone = options.phone
+    const createTime = options.createTime
+    const commoditiesPrice = options.commoditiesPrice
+    const commoditiesImage = options.commoditiesImage
+    const commoditiesName = options.commoditiesName
+    const businessName = options.businessName
+    const statues = options.statues
+    const serviceMode = options.serviceMode
+    console.log(statues,ordernumber,userName,phone,createTime,businessName,commoditiesPrice,commoditiesImage,commoditiesName);
+    this.setData({
+      userName:userName,
+      phone:phone,
+      createTime:createTime,
+      commoditiesPrice:commoditiesPrice,
+      commoditiesImage:commoditiesImage,
+      commoditiesName:commoditiesName,
+      businessName:businessName,
+      statues:statues,
+      ordernumber:ordernumber,
+      userName:userName,
+      serviceMode :serviceMode,
+    })
+  },
+});

甲情_甲意/miniprogram/pages/dingdanxiangqing/dingdanxiangqing.json

@@ -0,0 +1,5 @@
+{
+  "defaultTitle": "订单详情",
+  "usingComponents": {},
+  "styleIsolation": "apply-shared"
+}