|  |  |  | 
|---|
|  |  |  | .el-autocomplete { | 
|---|
|  |  |  | display: block !important; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .vip-info { | 
|---|
|  |  |  | padding: 30px 20px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .vip-info p { | 
|---|
|  |  |  | line-height: 30px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | </head> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-button type="primary" @click="searchVipInfo">查询</el-button> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col :span="6" style="float: right; margin-right: 20px;"> | 
|---|
|  |  |  | <el-col :span="8" style="float: right; margin-right: 20px;"> | 
|---|
|  |  |  | <el-button type="primary" plain @click="recharge">充值</el-button> | 
|---|
|  |  |  | <el-button type="warning" plain @click="addOrder">开单</el-button> | 
|---|
|  |  |  | <el-button type="success" plain @click="addServiceOrder">开服务单</el-button> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-main style="background-color: white; margin-right: 15px; padding: 20px 30px;"> | 
|---|
|  |  |  | <el-tabs v-model="activeName" type="card" @tab-click="tabHandleClick"> | 
|---|
|  |  |  | <el-tab-pane label="会员信息" name="vipInfo"> | 
|---|
|  |  |  | <el-row> | 
|---|
|  |  |  | <el-row class="vip-info"> | 
|---|
|  |  |  | <el-col :span="10"> | 
|---|
|  |  |  | <p>生日 : {{vipInfo.birthday1}}</p> | 
|---|
|  |  |  | <p>会员状态 : {{vipInfo.vipState}}</p> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-tab-pane label="服务单" name="serviceOrder"> | 
|---|
|  |  |  | <el-row style="line-height: 40px;"> | 
|---|
|  |  |  | <el-col :span="11"> | 
|---|
|  |  |  | <span>选择时间:</span> | 
|---|
|  |  |  | <el-date-picker v-model="serviceOrderTab.selectTime" | 
|---|
|  |  |  | type="datetimerange" | 
|---|
|  |  |  | range-separator="至" format="yyyy-MM-dd HH:mm" | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-tab-pane label="订单" name="order"> | 
|---|
|  |  |  | <el-row style="line-height: 40px;"> | 
|---|
|  |  |  | <el-col :span="11"> | 
|---|
|  |  |  | <span>选择时间:</span> | 
|---|
|  |  |  | <el-date-picker v-model="orderTab.selectTime" | 
|---|
|  |  |  | type="datetimerange" | 
|---|
|  |  |  | range-separator="至" | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-tab-pane label="皮肤检测" name="skinCheck"> | 
|---|
|  |  |  | <el-row style="line-height: 40px;"> | 
|---|
|  |  |  | <el-col :span="11"> | 
|---|
|  |  |  | <span>选择时间:</span> | 
|---|
|  |  |  | <el-date-picker v-model="skinTab.selectTime" | 
|---|
|  |  |  | type="daterange" | 
|---|
|  |  |  | range-separator="至" | 
|---|
|  |  |  | 
|---|
|  |  |  | // 请求会员信息 | 
|---|
|  |  |  | vipInfoFn(key) { | 
|---|
|  |  |  | let _this = this; | 
|---|
|  |  |  | if (!key) { | 
|---|
|  |  |  | key = _this.vipInfo.phone; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | // 请求用户信息 | 
|---|
|  |  |  | $.AjaxProxy({ | 
|---|
|  |  |  | p: { | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | _this.tags.tags = data.labels; | 
|---|
|  |  |  | _this.projTableQueryFn(); | 
|---|
|  |  |  | _this.serviceOrderTableQueryFn(); | 
|---|
|  |  |  | _this.orderTableDataQueryFn(); | 
|---|
|  |  |  | _this.skinCheckTableDataQueryFn(); | 
|---|
|  |  |  | _this.refreshTable(); | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | addLabelFn(key) { | 
|---|