|  |  |  | 
|---|
|  |  |  | .ibox-content { | 
|---|
|  |  |  | background-color: rgba(240, 242, 245, 1); | 
|---|
|  |  |  | } | 
|---|
|  |  |  | label { margin: 5px 0 !important; } | 
|---|
|  |  |  | </style> | 
|---|
|  |  |  | </head> | 
|---|
|  |  |  | <div class="ibox-content" id="app"> | 
|---|
|  |  |  | <el-container> | 
|---|
|  |  |  | <el-aside style="width: 300px; background-color: white; margin: 30px;"> | 
|---|
|  |  |  | <el-row style="padding: 5px;"> | 
|---|
|  |  |  | <el-col></el-col> | 
|---|
|  |  |  | <el-aside style="width: 300px; background-color: white; margin: 30px; padding: 10px;"> | 
|---|
|  |  |  | <el-row style="border-bottom: #E4E7ED 1px solid;"> | 
|---|
|  |  |  | <el-col :span="20" style="padding: 10px;"> | 
|---|
|  |  |  | <el-row type="flex" align="middle"> | 
|---|
|  |  |  | <el-col :span="6"> | 
|---|
|  |  |  | <el-avatar :size="50" :src="circleUrl"></el-avatar> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col :span="10"> | 
|---|
|  |  |  | <label>于谦(vip-3)</label> | 
|---|
|  |  |  | <label>A00344</label> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | <el-row> | 
|---|
|  |  |  | <label>订单号: <span>S1234567890</span></label> | 
|---|
|  |  |  | <label>下单顾问: <span>娟姐</span></label> | 
|---|
|  |  |  | <label>消费门店: <span>星海店</span></label> | 
|---|
|  |  |  | <label>订单时间: <span>2020-10-10 12:12</span></label> | 
|---|
|  |  |  | <label>备  注: <span>这是一个好订单</span></label> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | <el-row style="padding: 10px; border-bottom: #E4E7ED 1px solid;"> | 
|---|
|  |  |  | <el-col :span="20"> | 
|---|
|  |  |  | <el-row type="flex" align="middle"> | 
|---|
|  |  |  | <el-col :span="6"> | 
|---|
|  |  |  | <el-avatar :size="50" :src="circleUrl"></el-avatar> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col :span="10"> | 
|---|
|  |  |  | <label>于谦(vip-3)</label> | 
|---|
|  |  |  | <label>A00344</label> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | </el-aside> | 
|---|
|  |  |  | <el-main></el-main> | 
|---|
|  |  |  | 
|---|
|  |  |  | var app = new Vue({ | 
|---|
|  |  |  | el : "#app", | 
|---|
|  |  |  | data : { | 
|---|
|  |  |  | activeName : "goods", | 
|---|
|  |  |  | order : "", | 
|---|
|  |  |  | orderItems : "", | 
|---|
|  |  |  | cards : "", | 
|---|
|  |  |  | orderData : [] | 
|---|
|  |  |  | circleUrl : "https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png", | 
|---|
|  |  |  |  | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created : function() { | 
|---|
|  |  |  | this.order = /*[[${order}]]*/ | 
|---|
|  |  |  | this.orderItems = /*[[${orderItems}]]*/ | 
|---|
|  |  |  | this.cards = /*[[${cards}]]*/ | 
|---|
|  |  |  |  | 
|---|
|  |  |  | this.orderData = this.order.items; | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods : { | 
|---|
|  |  |  | handleClick(tab, event) { | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | printf() { | 
|---|
|  |  |  | var id = 1; | 
|---|
|  |  |  | layer.open({ | 
|---|