订单详情

ghs/src/views/order/components/order-detail.vue

@@ -1,7 +1,7 @@
 <template>
 	<div class="order-detail">
 		<el-drawer :visible.sync="showOrderDetail" size="1000px" :before-close="closeFn" custom-class="order-draw-wrap" >
-			<div class="order-manage-wrap" v-if="data!=''">
+			<div class="order-manage-wrap" v-if="!$util.isEmpty(data)">
 
 				<div class="card-wrap" style="margin-top:0px;">
 					<div class="card-tit">备注</div>
@@ -65,6 +65,7 @@
 					</div>
 				</div>
 			</div>
+			<div v-else  v-loading="loading" style="height:800px;"></div>
 		</el-drawer>
 	</div>
 </template>
@@ -80,7 +81,8 @@ export default {
 	data() {
 		return {
 			showOrderDetail: false,
-			data: []
+			data: [],
+			loading:true
 		};
 	},
 	methods: {
@@ -90,10 +92,10 @@ export default {
 			})
 		},
 		init() {
+			this.data = []
+			this.showOrderDetail = true
 			this.$service.order.info({ id: this.orderOperate.id }).then(res => {
-				this.data = [res];
-				console.log(this.data)
-				this.showOrderDetail = true;
+				this.data = [res]
 			});
 		},
 		closeFn() {

ghs/src/views/order/list.vue

@@ -14,10 +14,7 @@
       </template>
 
       <template #table-column-orderSn="{scope}">
-        <el-link
-            :underline="true"
-            style="font-size:12px;display:inline-block;"
-        >{{ scope.row.orderSn }}</el-link>
+        <el-link :underline="true" style="font-size:12px;display:inline-block;" >{{ scope.row.orderSn }}</el-link>
       </template>
 
       <template #table-column-customName="{scope}">