beauty-erp.git - Gitblit

			@@ -1,5 +1,5 @@
			<!DOCTYPE HTML>
			<html xmlns:th="http://www.thymeleaf.org" xmlns:matrix="http://www.w3.org/1999/xhtml">
			<html xmlns:th="http://www.thymeleaf.org">
			<head>
			<meta charset="utf-8">
			<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
			@@ -11,7 +11,9 @@
			<!-- 本框架基本脚本和样式 -->
			<script type="text/javascript" th:src="@{/js/systools/MBaseVue.js}"></script>
			<script type="text/javascript" th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script>
			<script type="text/javascript" th:src="@{/plugin/moment.min.js}"></script>
			<script type="text/javascript" th:src="@{/js/systools/MBase.js}"></script>
			<script type="text/javascript" th:src="@{/js/function/vip.js}"></script>
			<link rel="stylesheet" th:href="@{/plugin/element-ui/index.css}">

			<script type="text/javascript" th:src="@{/js/function/vip.js}"></script>
			@@ -104,13 +106,11 @@
			<el-button type="primary" @click="searchVipInfo">查询</el-button>
			</el-col>
			</el-col>
			<el-col :span="9" style="float: right; margin-right: 20px;">
			<el-button type="primary" plain>充值</el-button>
			<el-button type="info" plain>补交</el-button>
			<el-button type="success" plain>收款</el-button>
			<el-button type="warning" plain>开单</el-button>
			<el-button type="primary" plain>开服务单</el-button>
			<el-button type="danger" plain>退款</el-button>
			<el-col :span="6" 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-button type="danger" plain @click="returnMoney">退款</el-button>
			</el-col>
			</el-header>
			<el-container>
			@@ -193,14 +193,14 @@
			<el-tab-pane label="项目/套餐" name="proj">
			<el-row style="line-height: 40px;">
			<el-col :span="10" style="margin-left: 20px;">
			<el-radio-group v-model="projTab.projType" @change="radioChange">
			<el-radio-group v-model="projTab.projType" @change="refreshTable">
			<el-radio label="proj">项目</el-radio>
			<el-radio label="taocan">套餐</el-radio>
			<el-radio label="card">卡项</el-radio>
			</el-radio-group>
			</el-col>
			<el-col :span="3" style="float: right; margin-right: 20px;">
			<el-select v-model="projTab.projIsValid" placeholder="请选择">
			<el-select v-model="projTab.projIsValid" placeholder="请选择" @change="selectChange">
			<el-option
			v-for="item in projTab.projOptions"
			:key="item.value"
			@@ -241,8 +241,9 @@
			</el-table-column>
			<el-table-column label="操作">
			<template slot-scope="scope">
			<el-button type="text" size="small" @click="tabProjInvalid(scope.$index, scope.row)">无效</el-button>
			<el-button type="text" size="small" @click="tabProjCold(scope.$index, scope.row)">冻结</el-button>
			<el-button v-if="scope.row.status!='有效'" type="text" size="small" @click="tabProjValid(scope.$index, scope.row)">有效</el-button>
			<el-button v-if="scope.row.status!='无效'" type="text" size="small" @click="tabProjInvalid(scope.$index, scope.row)">无效</el-button>
			<el-button v-if="scope.row.status!='冻结'" type="text" size="small" @click="tabProjCold(scope.$index, scope.row)">冻结</el-button>
			<el-button type="text" size="small" @click="tabProjEdit(scope.$index, scope.row)">编辑</el-button>
			</template>
			</el-table-column>
			@@ -275,8 +276,9 @@
			</el-table-column>
			<el-table-column label="操作">
			<template slot-scope="scope">
			<el-button type="text" size="small" @click="tabProjInvalid(scope.$index, scope.row)">无效</el-button>
			<el-button type="text" size="small" @click="tabProjCold(scope.$index, scope.row)">冻结</el-button>
			<el-button v-if="scope.row.status!='有效'" type="text" size="small" @click="tabProjValid(scope.$index, scope.row)">有效</el-button>
			<el-button v-if="scope.row.status!='无效'" type="text" size="small" @click="tabProjInvalid(scope.$index, scope.row)">无效</el-button>
			<el-button v-if="scope.row.status!='冻结'" type="text" size="small" @click="tabProjCold(scope.$index, scope.row)">冻结</el-button>
			<el-button type="text" size="small" @click="tabProjEdit(scope.$index, scope.row)">编辑</el-button>
			</template>
			</el-table-column>
			@@ -334,8 +336,9 @@
			</el-table-column>
			<el-table-column label="操作">
			<template slot-scope="scope">
			<el-button type="text" size="small" @click="tabProjInvalid(scope.$index, scope.row)">无效</el-button>
			<el-button type="text" size="small" @click="tabProjCold(scope.$index, scope.row)">冻结</el-button>
			<el-button v-if="scope.row.status!='有效'" type="text" size="small" @click="tabProjValid(scope.$index, scope.row)">有效</el-button>
			<el-button v-if="scope.row.status!='无效'" type="text" size="small" @click="tabProjInvalid(scope.$index, scope.row)">无效</el-button>
			<el-button v-if="scope.row.status!='冻结'" type="text" size="small" @click="tabProjCold(scope.$index, scope.row)">冻结</el-button>
			<el-button type="text" size="small" @click="tabProjEdit(scope.$index, scope.row)">编辑</el-button>
			</template>
			</el-table-column>
			@@ -348,9 +351,9 @@
			@current-change="tabHandleCurrentChange"
			:current-page="projTab.page.currentPage"
			:page-sizes="[10, 20, 30, 50]"
			:page-size="10"
			:page-size="projTab.page.pageSize"
			layout="total, sizes, prev, pager, next, jumper"
			:total="400">
			:total="projTab.page.total">
			</el-pagination>
			</el-row>
			</el-tab-pane>
			@@ -360,7 +363,7 @@
			<span>选择时间:</span>
			<el-date-picker v-model="serviceOrderTab.selectTime"
			type="datetimerange"
			range-separator="至"
			range-separator="至" format="yyyy-MM-dd HH:mm"
			start-placeholder="开始日期"
			end-placeholder="结束日期">
			</el-date-picker>
			@@ -376,7 +379,7 @@
			</el-select>
			</el-col>
			<el-col :span="1" style="margin-left: 5px;">
			<el-button type="primary">查询</el-button>
			<el-button type="primary" @click="serviceOrderQuery">查询</el-button>
			</el-col>
			</el-row>
			<el-row class="table-style">
			@@ -388,7 +391,8 @@
			</el-table-column>
			<el-table-column
			prop="serviceNo"
			label="服务单号">
			label="服务单号"
			width="160">
			</el-table-column>
			<el-table-column
			prop="money"
			@@ -396,11 +400,11 @@
			</el-table-column>
			<el-table-column
			prop="createTime"
			label="下单时间">
			label="下单时间" width="160">
			</el-table-column>
			<el-table-column
			prop="yyTime"
			label="预约时间">
			label="预约时间" width="160" :formatter="dateFormat">
			</el-table-column>
			<el-table-column
			prop="totalTime"
			@@ -418,11 +422,16 @@
			prop="state"
			label="状态">
			</el-table-column>
			<el-table-column label="操作">
			<el-table-column fixed="right" label="操作" width="200">
			<template slot-scope="scope">
			<el-button type="text" size="small" @click="tabProjInvalid(scope.$index, scope.row)">排班</el-button>
			<el-button type="text" size="small" @click="tabProjCold(scope.$index, scope.row)">修改时间</el-button>
			<el-button type="text" size="small" @click="tabProjCold(scope.$index, scope.row)">取消</el-button>
			<el-button type="text" size="small" @click="lookServiceOrder(scope.$index, scope.row)">查看</el-button>
			<el-button type="text" size="small" v-if="scope.row.state=='待预约'" @click="paiban(scope.$index, scope.row)">排班</el-button>
			<el-button type="text" size="small" v-if="scope.row.state=='预约成功待处理'" @click="giveServiceOrder(scope.$index, scope.row)">派单</el-button>
			<el-button type="text" size="small" v-if="scope.row.state=='预约成功待处理'" @click="modifyServiceOrder(scope.$index, scope.row)">修改</el-button>
			<el-button type="text" size="small" v-if="scope.row.state=='需配料'" @click="peiliao(scope.$index, scope.row)">配料</el-button>
			<el-button type="text" size="small" v-if="scope.row.state=='服务完成'" @click="openHKService(scope.$index, scope.row)">划扣</el-button>
			<el-button type="text" size="small" @click="modifyTime(scope.$index, scope.row)">修改时间</el-button>
			<el-button type="text" size="small" @click="cancelServiceOrder(scope.$index, scope.row)">取消</el-button>
			</template>
			</el-table-column>
			</el-table>
			@@ -430,13 +439,13 @@
			<el-row>
			<el-pagination
			background
			@size-change="tabHandleSizeChange"
			@current-change="tabHandleCurrentChange"
			@size-change="serviceOrderSizeChange"
			@current-change="serviceOrderCurrentChange"
			:current-page="serviceOrderTab.page.currentPage"
			:page-sizes="[10, 20, 30, 50]"
			:page-size="10"
			:page-size="serviceOrderTab.page.pageSize"
			layout="total, sizes, prev, pager, next, jumper"
			:total="400">
			:total="serviceOrderTab.page.total">
			</el-pagination>
			</el-row>
			</el-tab-pane>
			@@ -444,17 +453,18 @@
			<el-row style="line-height: 40px;">
			<el-col :span="11">
			<span>选择时间:</span>
			<el-date-picker v-model="serviceOrderTab.selectTime"
			<el-date-picker v-model="orderTab.selectTime"
			type="datetimerange"
			range-separator="至"
			format="yyyy-MM-dd HH:mm"
			start-placeholder="开始日期"
			end-placeholder="结束日期">
			</el-date-picker>
			</el-col>
			<el-col :span="5">
			<el-select v-model="serviceOrderTab.state" placeholder="请选择">
			<el-select v-model="orderTab.state" placeholder="请选择">
			<el-option
			v-for="item in serviceOrderTab.states"
			v-for="item in orderTab.states"
			:key="item.value"
			:label="item.label"
			:value="item.value">
			@@ -462,7 +472,7 @@
			</el-select>
			</el-col>
			<el-col :span="1" style="margin-left: 5px;">
			<el-button type="primary">查询</el-button>
			<el-button type="primary" @click="orderQuery">查询</el-button>
			</el-col>
			</el-row>
			<el-row class="table-style">
			@@ -474,11 +484,11 @@
			</el-table-column>
			<el-table-column
			prop="orderNo"
			label="订单号">
			label="订单号" width="180">
			</el-table-column>
			<el-table-column
			prop="orderTime"
			label="下单时间">
			label="下单时间" width="160">
			</el-table-column>
			<el-table-column
			prop="total"
			@@ -510,9 +520,9 @@
			</el-table-column>
			<el-table-column
			prop="remark"
			label="备注">
			label="备注" width="100">
			</el-table-column>
			<el-table-column label="操作">
			<el-table-column label="操作" fixed="right" width="160">
			<template slot-scope="scope">
			<el-button type="text" size="small" @click="tabProjInvalid(scope.$index, scope.row)">结算</el-button>
			<el-button type="text" size="small" @click="tabProjCold(scope.$index, scope.row)">详情</el-button>
			@@ -524,13 +534,13 @@
			<el-row>
			<el-pagination
			background
			@size-change="tabHandleSizeChange"
			@current-change="tabHandleCurrentChange"
			@size-change="orderSizeChange"
			@current-change="orderCurrentChange"
			:current-page="orderTab.page.currentPage"
			:page-sizes="[10, 20, 30, 50]"
			:page-size="10"
			:page-size="orderTab.page.pageSize"
			layout="total, sizes, prev, pager, next, jumper"
			:total="400">
			:total="orderTab.page.total">
			</el-pagination>
			</el-row>
			</el-tab-pane>
			@@ -538,16 +548,17 @@
			<el-row style="line-height: 40px;">
			<el-col :span="11">
			<span>选择时间:</span>
			<el-date-picker v-model="serviceOrderTab.selectTime"
			type="datetimerange"
			<el-date-picker v-model="skinTab.selectTime"
			type="daterange"
			range-separator="至"
			format="yyyy-MM-dd"
			start-placeholder="开始日期"
			end-placeholder="结束日期">
			</el-date-picker>
			</el-col>
			<el-col :span="6" style="margin-left: 5px;">
			<el-button type="primary">查询</el-button>
			<el-button type="success">新增</el-button>
			<el-button type="primary" @click="skinCheckQuery">查询</el-button>
			<el-button type="success" @click="addSkinCheck">新增</el-button>
			</el-col>
			</el-row>
			<el-row class="table-style">
			@@ -571,11 +582,23 @@
			</el-table-column>
			<el-table-column label="操作">
			<template slot-scope="scope">
			<el-button type="text" size="small" @click="tabProjInvalid(scope.$index, scope.row)">编辑</el-button>
			<el-button type="text" size="small" @click="tabProjCold(scope.$index, scope.row)">删除</el-button>
			<el-button type="text" size="small" @click="editSkinCheck(scope.$index, scope.row)">编辑</el-button>
			<el-button type="text" size="small" @click="delSkinCheck(scope.$index, scope.row)">删除</el-button>
			</template>
			</el-table-column>
			</el-table>
			</el-row>
			<el-row>
			<el-pagination
			background
			@size-change="skinCheckSizeChange"
			@current-change="skinCheckCurrentChange"
			:current-page="skinTab.page.currentPage"
			:page-sizes="[10, 20, 30, 50]"
			:page-size="skinTab.page.pageSize"
			layout="total, sizes, prev, pager, next, jumper"
			:total="skinTab.page.total">
			</el-pagination>
			</el-row>
			</el-tab-pane>
			</el-tabs>
			@@ -604,14 +627,16 @@
			// 项目/套餐 tab
			projTab : {
			projType : "proj",
			projOptions : [{ value : '有效', label : "有效" }, { value : '失效', label : "失效" }],
			projOptions : [{ value : '', label : "全部" }, { value : '有效', label : "有效" }, { value : '无效', label : "无效" }, { value : "冻结", label : "冻结" }, { value : "转让", label : "转让" }, { value : "退款", label : "退款" }],
			projIsValid : "",

			projTableData : [],
			taocanTableData : [],
			cardTableData : [],
			page : {
			currentPage : 1
			currentPage : 1,
			pageSize : 10,
			total : 0
			}
			},
			// 服务单tab
			@@ -619,22 +644,26 @@
			tableData : [],
			selectTime : '',
			state : '',
			states : [ { value : '待预约', label : '待预约' },{ value : '预约成功待处理', label : '待派单' },{ value : '需配料', label : '待配料' },
			states : [ { value : '', label : '全部' }, { value : '待预约', label : '待预约' },{ value : '预约成功待处理', label : '待派单' },{ value : '需配料', label : '待配料' },
			{ value : '配料完成', label : '待服务' },{ value : '服务中', label : '服务中' },
			{ value : '服务完成', label : '服务完成' },{ value : '服务单结束', label : '服务单结束' }, ],
			page : {
			currentPage : 1,
			},
			pageSize : 10,
			total : 0
			}
			},
			// 订单 tab
			orderTab : {
			orderTableData : [],
			selectTime : '',
			state : '',
			states : [ { value : '待付款', label : '待付款' }, { value : '已付款', label : '已付款' }, { value : '欠款', label : '欠款' }, { value : '已取消', label : '已取消' } ],
			states : [ { value : '', label : '全部' }, { value : '待付款', label : '待付款' }, { value : '已付款', label : '已付款' }, { value : '欠款', label : '欠款' }, { value : '已取消', label : '已取消' } ],
			page : {
			currentPage : 1,
			},
			pageSize : 10,
			total : 0
			}
			},
			// 皮肤检测tab
			skinTab : {
			@@ -642,6 +671,8 @@
			selectTime : '',
			page : {
			currentPage : 1,
			pageSize : 10,
			total : 0
			}
			}
			},
			@@ -654,6 +685,7 @@
			}
			},
			methods : {
			// 请求会员信息
			vipInfoFn(key) {
			let _this = this;
			// 请求用户信息
			@@ -685,6 +717,7 @@
			}

			_this.tags.tags = data.labels;
			_this.projTableQueryFn();
			});
			},
			addLabelFn(key) {
			@@ -719,10 +752,381 @@
			}

			},
			radioChange() {},
			tabHandleClick() {

			/ ############## 项目/套餐Tab页 start #################### /
			projTabTableParams() {
			let _this = this;
			let currentPage = _this.projTab.page.currentPage;
			let pageSize = _this.projTab.page.pageSize
			return {
			vipId: _this.vipInfo.id,
			offset: (currentPage - 1) * pageSize,
			limit: pageSize,
			status: _this.projTab.projIsValid,
			};
			},
			// 项目tab页，请求项目数据
			projTableQueryFn() {
			let _this = this;
			$.AjaxProxy({
			p:_this.projTabTableParams()
			}).invoke(basePath + "/admin/projUser/showList", function (loj) {
			_this.projTab.page.total = loj.getResult().total;
			_this.projTab.projTableData = loj.getValue("rows");
			});
			},
			// 套餐表格数据请求
			taocanTableQueryFn() {
			let _this = this;
			$.AjaxProxy({
			p:_this.projTabTableParams()
			}).invoke(basePath + "/admin/taoCanUser/showTc", function (loj) {
			_this.projTab.page.total = loj.getResult().total;
			_this.projTab.taocanTableData = loj.getValue("rows");
			});
			},
			// 卡项表格数据请求
			cardTableQueryFn() {
			let _this = this;
			$.AjaxProxy({
			p:_this.projTabTableParams()
			}).invoke(basePath + "/admin/moneyCardUse/showVipMoneyCardList", function (loj) {
			_this.projTab.page.total = loj.getResult().total;
			_this.projTab.cardTableData = loj.getValue("rows");
			});
			},
			// 单选框切换
			refreshTable() {
			let _this = this;
			if (_this.projTab.projType === 'proj') {
			_this.projTableQueryFn();
			}

			if (_this.projTab.projType === 'taocan') {
			_this.taocanTableQueryFn();
			}

			if (_this.projTab.projType === 'card') {
			_this.cardTableQueryFn();
			}
			},
			// 下拉框选择
			selectChange() {
			this.refreshTable();
			},
			tabProjValid(index, row) {
			let _this = this;
			let projType = _this.projTab.projType;
			var url;
			if (projType === 'proj') {
			url = "/admin/projUser/activeProj";
			}

			if (projType === 'taocan') {
			url = "/admin/taoCanUser/activeTc";
			}

			if (projType === 'card') {
			url = "/admin/moneyCardUse/active";
			}
			$.AjaxProxy({
			p : {
			id : row.id
			}
			}).invoke(basePath + url, function(loj) {
			if (projType === 'taocan') {
			layer.alert(loj.getValue("info"), {
			icon : 1
			});
			_this.refreshTable();
			} else {
			var rs = loj.attr("result");
			console.log(rs);
			if (rs.info == '已过期') {
			layer.open({
			type : 2,
			title : "设置过期日期",
			area : [ "420px", '300px' ],
			content : [ basePath+'/admin/redirect/vip/select-date-card?id=' + row.id ]
			});
			} else {
			layer.alert(loj.getValue("info"), {
			icon : 1
			});
			_this.refreshTable();
			}
			}
			});

			},
			tabProjEdit(index, row) {
			let _this = this;
			let projType = _this.projTab.projType;
			var url;
			if (projType === 'proj') {
			url = '/admin/projUser/editForm?id=';
			}

			if (projType === 'taocan') {
			url = '/admin/taoCanUser/editForm?id=';
			}

			if (projType === 'card') {
			url = '/admin/moneyCardUse/editForm?id=';
			}

			layer.open({
			type : 2,
			title : "编辑",
			area : MUI.SIZE_M,
			maxmin : true,
			content : [ basePath + url + row.id ]
			});
			},
			tabProjInvalid(index, row) {
			let _this = this;
			let projType = _this.projTab.projType;
			var url;
			if (projType === 'proj') {
			url = '/admin/projUser/invalidProj';
			}

			if (projType === 'taocan') {
			url = '/admin/moneyCardUse/invalid';
			}

			if (projType === 'card') {
			url = '/admin/taoCanUser/invalidTc';
			}

			_this.projTabQuery(row.id, url);
			},
			tabProjCold(index, row) {
			let _this = this;
			let projType = _this.projTab.projType;
			var url;
			if (projType === 'proj') {
			url = '/admin/projUser/freezeProj';
			}

			if (projType === 'taocan') {
			url = '/admin/taoCanUser/freezeTc';
			}

			if (projType === 'card') {
			url = '/admin/moneyCardUse/freeze';
			}

			_this.projTabQuery(row.id, url);
			},
			projTabQuery(id, url) {
			let _this = this;
			$.AjaxProxy({
			p : {
			id : id
			}
			}).invoke(basePath + url, function(loj) {
			layer.alert(loj.getValue("info"), {
			icon : 1
			});
			_this.refreshTable();
			});
			},
			/ ############## 项目/套餐Tab页 end #################### /

			/******* 服务单tab start *********/
			serviceOrderQuery() {
			this.serviceOrderTableQueryFn()
			},
			serviceOrderTableQueryFn() {
			let _this = this;
			let serviceOrderTab = _this.serviceOrderTab;
			let page = serviceOrderTab.page;
			var params = {};
			params.limit = page.pageSize;
			params.offset = (page.currentPage - 1) * page.pageSize;
			params.state = serviceOrderTab.state;
			params.vipId = _this.vipInfo.id;
			if (serviceOrderTab.selectTime) {
			params.beginTime = moment(serviceOrderTab.selectTime[0]).format("YYYY-MM-DD HH:mm");
			params.closureTime = moment(serviceOrderTab.selectTime[1]).format("YYYY-MM-DD HH:mm");
			}
			$.AjaxProxy({
			p:params
			}).invoke(basePath + "/admin/projService/showList", function (loj) {
			serviceOrderTab.page.total = loj.getResult().total;
			serviceOrderTab.tableData = loj.getValue("rows");
			});
			},
			serviceOrderSizeChange(val) {
			this.serviceOrderTab.page.pageSize = val;
			this.serviceOrderTableQueryFn()
			},
			serviceOrderCurrentChange(val) {
			this.serviceOrderTab.page.currentPage = val;
			this.serviceOrderTableQueryFn()
			},
			buildServiceOrderOperate(row, column) {
			var html = '<el-button type="text" size="small" @click="tabProjInvalid('+row+', '+column+')">排班</el-button>'
			return html;
			},
			// 查看
			lookServiceOrder(index, row) {
			selectFwz(row.id);
			},
			// 排班
			paiban(index, row) {
			openPb(row.id);
			},
			// 派单
			giveServiceOrder(index, row) {
			openPd(row.id);
			},
			// 修改
			modifyServiceOrder(index, row) {
			updatePd(row.id);
			},
			// 配料
			peiliao(index, row) {
			openEdit1(row.id);
			},
			// 划扣
			openHkService(index, row) {
			openHkServcie(row.id);
			},
			// 取消
			cancelServiceOrder(index, row) {
			qxPb(row.id);
			},
			// 修改时间
			modifyTime(index, row) {
			layer.open({
			type: 2,
			title: "修改订单时间",
			maxmin: true,
			area: [MUI.SIZE_L, '500px'],
			content: [basePath + '/admin/projService/toServiceOrderUpdateTime?id=' + row.id]
			});
			},
			/******* 服务单tab end *********/

			/******* 订单Tab start *********/
			orderQuery() {
			this.orderTableDataQueryFn();
			},
			orderTableDataQueryFn() {
			let _this = this;
			let orderTab = _this.orderTab;
			let page = orderTab.page;
			var params = {};
			params.limit = page.pageSize;
			params.offset = (page.currentPage - 1) * page.pageSize;
			params.statu = orderTab.state;
			params.vipId = _this.vipInfo.id;
			if (orderTab.selectTime) {
			params.beginTimeVo = moment(orderTab.selectTime[0]).format("YYYY-MM-DD HH:mm");
			params.endTimeVo = moment(orderTab.selectTime[1]).format("YYYY-MM-DD HH:mm");
			}
			$.AjaxProxy({
			p:params
			}).invoke(basePath + "/admin/order/showList", function (loj) {
			orderTab.page.total = loj.getResult().total;
			orderTab.orderTableData = loj.getValue("rows");
			});

			},
			orderSizeChange(val) {
			this.orderTab.page.pageSize = val;
			this.orderTableDataQueryFn();
			},
			orderCurrentChange(val) {
			this.orderTab.page.currentPage = val;
			this.orderTableDataQueryFn();
			},
			/******* 订单Tab end *********/

			/************ 皮肤检测tab start ************/
			skinCheckQuery() {
			this.skinCheckTableDataQueryFn();
			},
			skinCheckTableDataQueryFn() {
			let _this = this;
			let skinTab = _this.skinTab;
			let page = skinTab.page;
			var params = {};
			params.limit = page.pageSize;
			params.offset = (page.currentPage - 1) * page.pageSize;
			params.userId = _this.vipInfo.id;
			if (skinTab.selectTime) {
			params.beginTime = moment(skinTab.selectTime[0]).format("YYYY-MM-DD");
			params.endTime = moment(skinTab.selectTime[1]).format("YYYY-MM-DD");
			}
			$.AjaxProxy({
			p:params
			}).invoke(basePath + "/admin/sysSkinCheckRecord/showList", function (loj) {
			skinTab.page.total = loj.getResult().total;
			skinTab.skinTableDate = loj.getValue("rows");
			});
			},
			skinCheckSizeChange(val) {
			this.skinTab.page.pageSize = val;
			this.skinCheckTableDataQueryFn()
			},
			skinCheckCurrentChange(val) {
			this.skinTab.page.currentPage = val;
			this.skinCheckTableDataQueryFn()
			},
			addSkinCheck() {
			let _this = this;
			layer.full(layer.open({
			type : 2,
			title : "新增皮肤检测",
			area : [ MUI.SIZE_L, '400px' ],
			maxmin : true,
			content : [ basePath+'/admin/redirect/hive/vip/sysSkinCheckRecord-form?vipId=' + _this.vipInfo.id]
			}));
			},
			delSkinCheck(index, row) {
			let _this = this;
			$.AjaxProxy().invoke(basePath + "/admin/sysSkinCheckRecord/del?keys=" + row.id, function (loj) {
			_this.skinCheckQuery();
			});
			},
			editSkinCheck(index, row) {
			let _this = this;
			layer.full(layer.open({
			type : 2,
			title : "编辑皮肤检测",
			area : [ MUI.SIZE_L, '400px' ],
			maxmin : true,
			content : [ basePath+'/admin/redirect/hive/vip/sysSkinCheckRecord-form?vipId='+ _this.vipInfo.id +'&id=' + row.id]
			}));
			},
			/************ 皮肤检测tab end ************/

			// tab标签切换
			tabHandleClick(tab, event) {
			let _this = this;
			if (tab.name === "serviceOrder") {
			if (_this.serviceOrderTab.tableData.length <= 0) {
			this.serviceOrderTableQueryFn();
			}
			}

			if (tab.name === "order") {
			if (_this.orderTab.orderTableData.length <= 0) {
			this.orderTableDataQueryFn();
			}
			}

			if (tab.name === "skinCheck") {
			if (_this.skinTab.skinTableDate.length <= 0) {
			this.skinCheckTableDataQueryFn();
			}
			}
			},

			/******** 标签代码 start **********/
			handleClose(tag) {
			this.tags.tags.splice(this.tags.tags.indexOf(tag), 1);
			this.delLabelFn(tag.id);
			@@ -741,14 +1145,40 @@
			this.tags.inputVisible = false;
			this.tags.inputValue = '';
			},
			tabProjInvalid(index, row) {},
			tabProjCold(index, row) {},
			tabProjEdit(index, row) {},
			/******** 标签代码 end **********/

			tabHandleSizeChange(val) {
			console.log(`每页 ${val} 条`);
			},
			tabHandleCurrentChange(val) {
			console.log(`当前页: ${val}`);
			},

			/******** 顶部按钮 start ********/
			// 充值
			recharge() {
			vipId = this.vipInfo.id;
			openCz();
			},
			// 开服务单
			addServiceOrder() {
			vipId = this.vipInfo.id;
			openAddService();
			},
			// 开订单
			addOrder() {
			vipId = this.vipInfo.id;
			openAddOrder();
			},
			// 退款
			returnMoney() {
			vipId = this.vipInfo.id;
			toRefundOrder();
			},
			/******** 顶部按钮 start ********/

			dateFormat(row, column) {
			return moment(column.yyTime).format("YYYY-MM-DD HH:mm");
			}
			}
			});