|  |  |  | 
|---|
|  |  |  | <div v-else-if="item.isProductName" class="product-view"> | 
|---|
|  |  |  | <ul v-if="scope.row.products && scope.row.products.length > 0"> | 
|---|
|  |  |  | <li v-for="(item, index) in scope.row.products" :key="index"> | 
|---|
|  |  |  | <div :class="scope.row.products.length === 1 ? 'name-view no-bottom' : 'name-view'"> | 
|---|
|  |  |  | <div class="name-view"> | 
|---|
|  |  |  | {{ item.name }} | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | 
|---|
|  |  |  | <div v-else-if="item.isProductAmount" class="product-view"> | 
|---|
|  |  |  | <ul v-if="scope.row.products && scope.row.products.length > 0"> | 
|---|
|  |  |  | <li v-for="(item, index) in scope.row.products" :key="index"> | 
|---|
|  |  |  | <div :class="scope.row.products.length === 1 ? 'name-view no-bottom' : 'name-view'"> | 
|---|
|  |  |  | <div class="name-view"> | 
|---|
|  |  |  | {{ item.amount }} | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | 
|---|
|  |  |  | <div v-else-if="item.isProductPrice" class="product-view"> | 
|---|
|  |  |  | <ul v-if="scope.row.products && scope.row.products.length > 0"> | 
|---|
|  |  |  | <li v-for="(item, index) in scope.row.products" :key="index"> | 
|---|
|  |  |  | <div :class="scope.row.products.length === 1 ? 'name-view no-bottom' : 'name-view'"> | 
|---|
|  |  |  | <div class="name-view"> | 
|---|
|  |  |  | {{ item.price }} | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | 
|---|
|  |  |  | <div v-else-if="item.isProductTotal" class="product-view"> | 
|---|
|  |  |  | <ul v-if="scope.row.products && scope.row.products.length > 0"> | 
|---|
|  |  |  | <li v-for="(item, index) in scope.row.products" :key="index"> | 
|---|
|  |  |  | <div :class="scope.row.products.length === 1 ? 'name-view no-bottom' : 'name-view'"> | 
|---|
|  |  |  | <div class="name-view"> | 
|---|
|  |  |  | {{ item.total }} | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </li> | 
|---|
|  |  |  | 
|---|
|  |  |  | margin-left: -10px; | 
|---|
|  |  |  | margin-right: -11px; | 
|---|
|  |  |  | li { | 
|---|
|  |  |  | height: 57px; | 
|---|
|  |  |  | line-height: 57px; | 
|---|
|  |  |  | height: 22px; | 
|---|
|  |  |  | line-height: 22px; | 
|---|
|  |  |  | .name-view { | 
|---|
|  |  |  | padding-left: 10px; | 
|---|
|  |  |  | border-bottom: 1px solid #ebeef5; | 
|---|
|  |  |  | 
|---|
|  |  |  | border-bottom: 0; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | li:last-child .name-view { | 
|---|
|  |  |  | border-bottom: none; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .no-product { | 
|---|
|  |  |  | height: 57px; | 
|---|
|  |  |  | line-height: 57px; | 
|---|
|  |  |  | height: 22px; | 
|---|
|  |  |  | line-height: 22px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|