订单详情

src/views/orderList/OrderDetail.vue

@@ -20,18 +20,13 @@
             <el-col :span="3" class="align-right padding-right10">下单时间：</el-col>
             <el-col :span="5">{{orderObg.createDate}}</el-col>
           </el-row>
+          
           <el-row v-if="orderObg.type == 'CSSM'">
             <el-col :span="3" class="align-right padding-right10">预约厨师：</el-col>
             <el-col :span="5">{{orderObg.cook.name}}</el-col>
             <el-col :span="3" class="align-right padding-right10">厨师电话：</el-col>
             <el-col :span="5">{{orderObg.cook.phone}}</el-col>
           </el-row>
-          <el-row v-if="orderObg.type != 'WM' && orderObg.type != 'CS'">
-            <el-col :span="3" class="align-right padding-right10">联系人：</el-col>
-            <el-col :span="5">{{orderObg.contactsName}}</el-col>
-            <el-col :span="3" class="align-right padding-right10">联系电话：</el-col>
-            <el-col :span="5">{{orderObg.contactsPhone}}</el-col>
-          </el-row>
           <el-row v-if="orderObg.type == 'CSSM'">
             <el-col :span="3" class="align-right padding-right10">拿手菜：</el-col>
             <el-col :span="5">{{orderObg.cook.food}}</el-col>
@@ -54,6 +49,19 @@
             <el-col :span="3" class="align-right padding-right10">备注：</el-col>
             <el-col :span="5">{{orderObg.cook.message}}</el-col>
           </el-row>
+
+          <el-row v-if="orderObg.type == 'WX' || orderObg.type == 'BJ' || orderObg.type == 'CSSM'">
+            <el-col :span="3" class="align-right padding-right10">联系人：</el-col>
+            <el-col :span="5">{{orderObg.contactsName}}</el-col>
+            <el-col :span="3" class="align-right padding-right10">联系电话：</el-col>
+            <el-col :span="5">{{orderObg.contactsPhone}}</el-col>
+          </el-row>
+          <el-row v-if="orderObg.type == 'BJ' || orderObg.type == 'WX'">
+            <el-col :span="3" class="align-right padding-right10">{{orderObg.type == 'WX' ? '维修范围' : '服务范围'}}：</el-col>
+            <el-col :span="5">{{orderObg.service}}</el-col>
+            <el-col :span="3" class="align-right padding-right10">{{orderObg.type == 'WX' ? '维修人数' : '服务人数'}}：</el-col>
+            <el-col :span="5">{{orderObg.num ? orderObg.num : '1人'}}</el-col>
+          </el-row>
           <el-row v-if="orderObg.type == 'WX' || orderObg.type == 'BJ'">
             <el-col :span="5" class="align-right">{{orderObg.type == 'WX' ? '维修事项' : '保洁内容'}}(简要描述): </el-col>
             <el-col :span="15" :offset="1">{{orderObg.message}}</el-col>
@@ -62,18 +70,27 @@
             <el-col :span="2" class="align-right">备注: </el-col>
             <el-col :span="15" :offset="1">{{orderObg.remark}}</el-col>
           </el-row>
+          <el-row v-if="orderObg.type == 'WX' || orderObg.type == 'BJ'">
+            <el-col :span="2" class="align-right">图片: </el-col>
+            <el-col :span="21" :offset="1">
+              <img :src="item.url" class="od_image" v-for="(item, index) in orderObg.img" :key="index" alt="">
+              <img :src="item.url" class="od_image" v-for="(item, index) in orderObg.img" :key="index" alt="">
+              <img :src="item.url" class="od_image" v-for="(item, index) in orderObg.img" :key="index" alt="">
+            </el-col>
+          </el-row>
+          <el-row v-if="orderObg.type == 'WX' || orderObg.type == 'BJ'">
+            <el-col :span="2" class="align-right">视频: </el-col>
+            <el-col :span="21" :offset="1">
+              <video v-if="orderObg.video[0]" class="od_video" :src="orderObg.video[0].url" controls="controls"></video>
+            </el-col>
+          </el-row>
+
           <el-row v-if="orderObg.type == 'WM'">
             <el-col :span="3" class="align-right padding-right10">工号：</el-col>
             <el-col :span="5">{{orderObg.userNo}}</el-col>
             <el-col :span="3" class="align-right padding-right10">姓名：</el-col>
             <el-col :span="5">{{orderObg.userName}}</el-col>
           </el-row>
-          <el-row v-if="orderObg.type == 'CS'">
-            <el-col :span="3" class="align-right padding-right10">工号：</el-col>
-            <el-col :span="5">{{orderObg.userNo}}</el-col>
-            <el-col :span="3" class="align-right padding-right10">收货人：</el-col>
-            <el-col :span="5">{{orderObg.contactsName}}</el-col>
-          </el-row>
           <el-row v-if="orderObg.type == 'WM'">
             <el-col :span="3" class="align-right padding-right10">取餐时间：</el-col>
             <el-col :span="5">次日16:50 ~ 17:30(周末除外)</el-col>
@@ -81,11 +98,18 @@
             <el-col :span="5">{{orderObg.payType}}</el-col>
           </el-row>
           <el-row v-if="orderObg.type == 'CS'">
+            <el-col :span="3" class="align-right padding-right10">工号：</el-col>
+            <el-col :span="5">{{orderObg.userNo}}</el-col>
+            <el-col :span="3" class="align-right padding-right10">收货人：</el-col>
+            <el-col :span="5">{{orderObg.contactsName}}</el-col>
+          </el-row>
+          <el-row v-if="orderObg.type == 'CS'">
             <el-col :span="3" class="align-right padding-right10">联系方式：</el-col>
             <el-col :span="5">{{orderObg.contactsPhone ? orderObg.contactsPhone : '暂无'}}</el-col>
             <el-col :span="3" class="align-right padding-right10">支付方式：</el-col>
             <el-col :span="5">{{orderObg.payType}}</el-col>
           </el-row>
+
           <el-row v-if="orderObg.type == 'WM' || orderObg.type == 'CS'">
             <el-col :span="3" class="align-right padding-right10">状态：</el-col>
             <el-col :span="5">{{renderStatus(orderObg.status)}}</el-col>
@@ -201,4 +225,14 @@ export default {
       }
     }
   }
+  .od_image{
+    height: 200px;
+    float: left;
+    margin-left: 10px;
+    margin-top: 10px;
+  }
+  .od_video{
+    height: 300px;
+    margin-left: 10px;
+  }
 </style>