【商家端】商品订单详情优化

src/views/businessOrder/details.vue

@@ -35,7 +35,7 @@
         <el-row>
             <el-col :span="12"><div class="grid-content bg-purple">
               <el-form-item label="商品金额">
-                <span>{{info.price || ''}}</span>
+                <span>{{info.price * info.goodsNumber  || ''}}</span>
               </el-form-item>
             </div></el-col>
             <el-col :span="12"><div class="grid-content bg-purple-light">
@@ -81,12 +81,19 @@
             <div class="grid-content bg-purple">
                 <el-row :gutter="15" style="width: 100%;margin:20px 0px">
                   <el-col :span="24">
-                    <el-table class="tableClass" :data="formData.result" >
-                      <el-table-column
-                        v-for="key in formData.listkey"
-                        :key="key"
-                        :prop="key"
-                        :label="key"></el-table-column>
+                    <el-table class="tableClass" :data="[info.mallPayInfo]" >
+                        <el-table-column  label="商品列表图">
+                          <template slot-scope="scope">
+                           <!--  scope.row.goodsType -->
+                            <el-image style="width: 36px; height: 36px" fit="cover" :src="scope.row.goodsListImage"/>
+                          </template>
+                         
+                        </el-table-column>
+                        <el-table-column  prop="goodsListName" label="商品名称"></el-table-column>
+                        <el-table-column  prop="goodsListSpec" label="商品规格"></el-table-column>
+                        <el-table-column  prop="goodsListPrice" label="商品单价"></el-table-column>
+                        <el-table-column  prop="goodsListNumber" label="购买数量"></el-table-column>
+                        <el-table-column  prop="goodsListTotalPrice" label="商品总价"></el-table-column>
                     </el-table>
                   </el-col>
                 </el-row>