﻿<template>
	<div class="NCC-common-layout">
		<div class="NCC-common-layout-center">
			<el-row class="NCC-common-search-box" :gutter="16">
				<el-form @submit.native.prevent>
					<el-col :span="6">
						<el-form-item label="主键">
							<el-input v-model="query.id" placeholder="主键" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="门店">
							<el-input v-model="query.md" placeholder="门店" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="核算岗位">
							<el-input v-model="query.hsgw" placeholder="核算岗位" clearable />	
						</el-form-item>
					</el-col>
					<template v-if="showAll">
					<el-col :span="6">
						<el-form-item label="姓名">
							<el-input v-model="query.xm" placeholder="姓名" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="金山角战队">
							<el-input v-model="query.jsjzd" placeholder="金山角战队" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="基础业绩">
							<el-input v-model="query.jcyj" placeholder="基础业绩" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="合作业绩">
							<el-input v-model="query.hzyj" placeholder="合作业绩" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="奖励业绩">
							<el-input v-model="query.jlyj" placeholder="奖励业绩" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="门店总业绩">
							<el-input v-model="query.mdzyj" placeholder="门店总业绩" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="队伍业绩">
							<el-input v-model="query.dwyj" placeholder="队伍业绩" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="占比">
							<el-input v-model="query.zb" placeholder="占比" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="新客业绩">
							<el-input v-model="query.xkyj" placeholder="新客业绩" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="新客成交率">
							<el-input v-model="query.xkcjl" placeholder="新客成交率" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="新客提点">
							<el-input v-model="query.xktd" placeholder="新客提点" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="升单业绩">
							<el-input v-model="query.sdyj" placeholder="升单业绩" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="升单提点">
							<el-input v-model="query.sdtd" placeholder="升单提点" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="溯源业绩">
							<el-input v-model="query.syyj" placeholder="溯源业绩" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="cell业绩">
							<el-input v-model="query.cellyj" placeholder="cell业绩" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="项目一部业绩">
							<el-input v-model="query.dxmybyj" placeholder="项目一部业绩" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="项目二部业绩">
							<el-input v-model="query.dxmebyj" placeholder="项目二部业绩" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="当月业绩">
							<el-input v-model="query.dyyj" placeholder="当月业绩" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="物业水电">
							<el-input v-model="query.wysd" placeholder="物业水电" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="门店支出">
							<el-input v-model="query.mdzc" placeholder="门店支出" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="产品物料">
							<el-input v-model="query.cpwl" placeholder="产品物料" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="微雕成本">
							<el-input v-model="query.wdcb" placeholder="微雕成本" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="其它合作成本">
							<el-input v-model="query.qthzcb" placeholder="其它合作成本" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="洗毛巾">
							<el-input v-model="query.xmj" placeholder="洗毛巾" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="毛利">
							<el-input v-model="query.ml" placeholder="毛利" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="总经理提成额">
							<el-input v-model="query.zjltce" placeholder="总经理提成额" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="经理提成额">
							<el-input v-model="query.jltce" placeholder="经理提成额" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="消耗">
							<el-input v-model="query.xh" placeholder="消耗" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="项目数">
							<el-input v-model="query.xms" placeholder="项目数" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="到店人头">
							<el-input v-model="query.ddrt" placeholder="到店人头" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="在店天数">
							<el-input v-model="query.zdts" placeholder="在店天数" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="请假天数">
							<el-input v-model="query.qjts" placeholder="请假天数" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="提点">
							<el-input v-model="query.td" placeholder="提点" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="基础业绩提成">
							<el-input v-model="query.jcyjtc" placeholder="基础业绩提成" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="合作业绩提成">
							<el-input v-model="query.hzyjtc" placeholder="合作业绩提成" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="顾问提成">
							<el-input v-model="query.gwtc" placeholder="顾问提成" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="门店T区提成">
							<el-input v-model="query.mdtqtc" placeholder="门店T区提成" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="店助提成">
							<el-input v-model="query.dztc1" placeholder="店助提成" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="店助主任提成">
							<el-input v-model="query.dzzrtc" placeholder="店助主任提成" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="主任提成">
							<el-input v-model="query.zrtc" placeholder="主任提成" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="店长提成">
							<el-input v-model="query.dztc2" placeholder="店长提成" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="总经理提成">
							<el-input v-model="query.zjltc" placeholder="总经理提成" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="经理提成">
							<el-input v-model="query.jltc" placeholder="经理提成" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="业绩提成">
							<el-input v-model="query.yjtc" placeholder="业绩提成" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="消耗提成">
							<el-input v-model="query.xhtc" placeholder="消耗提成" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="科技部组长提成">
							<el-input v-model="query.kjbzctc" placeholder="科技部组长提成" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="溯源提成">
							<el-input v-model="query.sytc" placeholder="溯源提成" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="cell提成">
							<el-input v-model="query.celltc" placeholder="cell提成" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="大项目部提成">
							<el-input v-model="query.dxmbtc" placeholder="大项目部提成" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="提成合计">
							<el-input v-model="query.tchj" placeholder="提成合计" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="健康师底薪">
							<el-input v-model="query.jksdx" placeholder="健康师底薪" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="店助底薪">
							<el-input v-model="query.dzhudx" placeholder="店助底薪" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="店长底薪">
							<el-input v-model="query.dzhangdx" placeholder="店长底薪" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="主任底薪">
							<el-input v-model="query.zrdx" placeholder="主任底薪" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="店助主任底薪">
							<el-input v-model="query.dzzrdx" placeholder="店助主任底薪" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="总经理底薪">
							<el-input v-model="query.zjldx" placeholder="总经理底薪" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="经理底薪">
							<el-input v-model="query.jldx" placeholder="经理底薪" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="科技部底薪">
							<el-input v-model="query.kjblsdx" placeholder="科技部底薪" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="大项目部底薪">
							<el-input v-model="query.dxmbdx" placeholder="大项目部底薪" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="底薪合计">
							<el-input v-model="query.dxhj" placeholder="底薪合计" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="手工">
							<el-input v-model="query.sg" placeholder="手工" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="人头奖励">
							<el-input v-model="query.rtjl" placeholder="人头奖励" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="手机管理">
							<el-input v-model="query.sjgl" placeholder="手机管理" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="车补">
							<el-input v-model="query.cb" placeholder="车补" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="少休">
							<el-input v-model="query.sx" placeholder="少休" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="全勤">
							<el-input v-model="query.qq" placeholder="全勤" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="核算应发工资">
							<el-input v-model="query.hsyfgz" placeholder="核算应发工资" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="保底">
							<el-input v-model="query.bd" placeholder="保底" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="保底请假">
							<el-input v-model="query.bdqj" placeholder="保底请假" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="保底底薪">
							<el-input v-model="query.bddx" placeholder="保底底薪" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="保底补差">
							<el-input v-model="query.bdbc" placeholder="保底补差" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="最终应发工资">
							<el-input v-model="query.zzyfgz" placeholder="最终应发工资" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="当月培训补贴">
							<el-input v-model="query.dypxbt" placeholder="当月培训补贴" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="当月交通补贴">
							<el-input v-model="query.dyjtbt" placeholder="当月交通补贴" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="上月培训补贴">
							<el-input v-model="query.sypxbt" placeholder="上月培训补贴" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="上月交通补贴">
							<el-input v-model="query.syjtbt" placeholder="上月交通补贴" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="补贴合计">
							<el-input v-model="query.bthj" placeholder="补贴合计" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="缺卡">
							<el-input v-model="query.qk" placeholder="缺卡" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="迟到">
							<el-input v-model="query.cd" placeholder="迟到" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="请假">
							<el-input v-model="query.qj" placeholder="请假" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="扣社保">
							<el-input v-model="query.ksb" placeholder="扣社保" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="扣除奖励">
							<el-input v-model="query.kcjl" placeholder="扣除奖励" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="扣住宿">
							<el-input v-model="query.kzs" placeholder="扣住宿" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="扣学习期">
							<el-input v-model="query.kxxq" placeholder="扣学习期" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="扣工作服">
							<el-input v-model="query.kgzf" placeholder="扣工作服" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="扣款合计">
							<el-input v-model="query.kkhj" placeholder="扣款合计" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="发奖金">
							<el-input v-model="query.fjj" placeholder="发奖金" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="退手机押金">
							<el-input v-model="query.tsjyj" placeholder="退手机押金" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="退住宿押金">
							<el-input v-model="query.tzsyj" placeholder="退住宿押金" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="实发工资">
							<el-input v-model="query.sfgz" placeholder="实发工资" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="当月是否发放">
							<el-input v-model="query.dysfff" placeholder="当月是否发放" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="支付金额">
							<el-input v-model="query.zfje" placeholder="支付金额" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="待支付金额">
							<el-input v-model="query.dzjfe" placeholder="待支付金额" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="补发上月">
							<el-input v-model="query.bfsy" placeholder="补发上月" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="当月支付总额">
							<el-input v-model="query.dyzfze" placeholder="当月支付总额" clearable />	
						</el-form-item>
					</el-col>
					<el-col :span="6">
						<el-form-item label="总业绩">
							<el-input v-model="query.zyj" placeholder="总业绩" clearable />	
						</el-form-item>
					</el-col>
					</template>
					<el-col :span="6">
						<el-form-item>
							<el-button type="primary" icon="el-icon-search" @click="search()">查询</el-button>
							<el-button icon="el-icon-refresh-right" @click="reset()">重置</el-button>
							<el-button type="text" icon="el-icon-arrow-down" @click="showAll=true" v-if="!showAll">展开</el-button>
							<el-button type="text" icon="el-icon-arrow-up" @click="showAll=false" v-else>收起</el-button>
						</el-form-item>
					</el-col>
				</el-form>
			</el-row>
			<div class="NCC-common-layout-main NCC-flex-main">
				<div class="NCC-common-head">
					<div>
						<el-button type="primary" icon="el-icon-plus" @click="addOrUpdateHandle()">新增</el-button>
						<el-button type="text" icon="el-icon-download" @click="exportData()">导出</el-button>
						<el-button type="text" icon="el-icon-delete" @click="handleBatchRemoveDel()">批量删除</el-button>
					</div>
					<div class="NCC-common-head-right">
						<el-tooltip effect="dark" content="刷新" placement="top">
							<el-link icon="icon-ym icon-ym-Refresh NCC-common-head-icon" :underline="false" @click="reset()" />
						</el-tooltip>
						<screenfull isContainer />
					</div>
				</div>
                <NCC-table v-loading="listLoading" :data="list" has-c @selection-change="handleSelectionChange">
					<el-table-column prop="id" label="主键" align="left" />
					<el-table-column prop="md" label="门店" align="left" />
					<el-table-column prop="hsgw" label="核算岗位" align="left" />
					<el-table-column prop="xm" label="姓名" align="left" />
					<el-table-column prop="jsjzd" label="金山角战队" align="left" />
					<el-table-column prop="jcyj" label="基础业绩" align="left" />
					<el-table-column prop="hzyj" label="合作业绩" align="left" />
					<el-table-column prop="jlyj" label="奖励业绩" align="left" />
					<el-table-column prop="mdzyj" label="门店总业绩" align="left" />
					<el-table-column prop="dwyj" label="队伍业绩" align="left" />
					<el-table-column prop="zb" label="占比" align="left" />
					<el-table-column prop="xkyj" label="新客业绩" align="left" />
					<el-table-column prop="xkcjl" label="新客成交率" align="left" />
					<el-table-column prop="xktd" label="新客提点" align="left" />
					<el-table-column prop="sdyj" label="升单业绩" align="left" />
					<el-table-column prop="sdtd" label="升单提点" align="left" />
					<el-table-column prop="syyj" label="溯源业绩" align="left" />
					<el-table-column prop="cellyj" label="cell业绩" align="left" />
					<el-table-column prop="dxmybyj" label="项目一部业绩" align="left" />
					<el-table-column prop="dxmebyj" label="项目二部业绩" align="left" />
					<el-table-column prop="dyyj" label="当月业绩" align="left" />
					<el-table-column prop="wysd" label="物业水电" align="left" />
					<el-table-column prop="mdzc" label="门店支出" align="left" />
					<el-table-column prop="cpwl" label="产品物料" align="left" />
					<el-table-column prop="wdcb" label="微雕成本" align="left" />
					<el-table-column prop="qthzcb" label="其它合作成本" align="left" />
					<el-table-column prop="xmj" label="洗毛巾" align="left" />
					<el-table-column prop="ml" label="毛利" align="left" />
					<el-table-column prop="zjltce" label="总经理提成额" align="left" />
					<el-table-column prop="jltce" label="经理提成额" align="left" />
					<el-table-column prop="xh" label="消耗" align="left" />
					<el-table-column prop="xms" label="项目数" align="left" />
					<el-table-column prop="ddrt" label="到店人头" align="left" />
					<el-table-column prop="zdts" label="在店天数" align="left" />
					<el-table-column prop="qjts" label="请假天数" align="left" />
					<el-table-column prop="td" label="提点" align="left" />
					<el-table-column prop="jcyjtc" label="基础业绩提成" align="left" />
					<el-table-column prop="hzyjtc" label="合作业绩提成" align="left" />
					<el-table-column prop="gwtc" label="顾问提成" align="left" />
					<el-table-column prop="mdtqtc" label="门店T区提成" align="left" />
					<el-table-column prop="dztc1" label="店助提成" align="left" />
					<el-table-column prop="dzzrtc" label="店助主任提成" align="left" />
					<el-table-column prop="zrtc" label="主任提成" align="left" />
					<el-table-column prop="dztc2" label="店长提成" align="left" />
					<el-table-column prop="zjltc" label="总经理提成" align="left" />
					<el-table-column prop="jltc" label="经理提成" align="left" />
					<el-table-column prop="yjtc" label="业绩提成" align="left" />
					<el-table-column prop="xhtc" label="消耗提成" align="left" />
					<el-table-column prop="kjbzctc" label="科技部组长提成" align="left" />
					<el-table-column prop="sytc" label="溯源提成" align="left" />
					<el-table-column prop="celltc" label="cell提成" align="left" />
					<el-table-column prop="dxmbtc" label="大项目部提成" align="left" />
					<el-table-column prop="tchj" label="提成合计" align="left" />
					<el-table-column prop="jksdx" label="健康师底薪" align="left" />
					<el-table-column prop="dzhudx" label="店助底薪" align="left" />
					<el-table-column prop="dzhangdx" label="店长底薪" align="left" />
					<el-table-column prop="zrdx" label="主任底薪" align="left" />
					<el-table-column prop="dzzrdx" label="店助主任底薪" align="left" />
					<el-table-column prop="zjldx" label="总经理底薪" align="left" />
					<el-table-column prop="jldx" label="经理底薪" align="left" />
					<el-table-column prop="kjblsdx" label="科技部底薪" align="left" />
					<el-table-column prop="dxmbdx" label="大项目部底薪" align="left" />
					<el-table-column prop="dxhj" label="底薪合计" align="left" />
					<el-table-column prop="sg" label="手工" align="left" />
					<el-table-column prop="rtjl" label="人头奖励" align="left" />
					<el-table-column prop="sjgl" label="手机管理" align="left" />
					<el-table-column prop="cb" label="车补" align="left" />
					<el-table-column prop="sx" label="少休" align="left" />
					<el-table-column prop="qq" label="全勤" align="left" />
					<el-table-column prop="hsyfgz" label="核算应发工资" align="left" />
					<el-table-column prop="bd" label="保底" align="left" />
					<el-table-column prop="bdqj" label="保底请假" align="left" />
					<el-table-column prop="bddx" label="保底底薪" align="left" />
					<el-table-column prop="bdbc" label="保底补差" align="left" />
					<el-table-column prop="zzyfgz" label="最终应发工资" align="left" />
					<el-table-column prop="dypxbt" label="当月培训补贴" align="left" />
					<el-table-column prop="dyjtbt" label="当月交通补贴" align="left" />
					<el-table-column prop="sypxbt" label="上月培训补贴" align="left" />
					<el-table-column prop="syjtbt" label="上月交通补贴" align="left" />
					<el-table-column prop="bthj" label="补贴合计" align="left" />
					<el-table-column prop="qk" label="缺卡" align="left" />
					<el-table-column prop="cd" label="迟到" align="left" />
					<el-table-column prop="qj" label="请假" align="left" />
					<el-table-column prop="ksb" label="扣社保" align="left" />
					<el-table-column prop="kcjl" label="扣除奖励" align="left" />
					<el-table-column prop="kzs" label="扣住宿" align="left" />
					<el-table-column prop="kxxq" label="扣学习期" align="left" />
					<el-table-column prop="kgzf" label="扣工作服" align="left" />
					<el-table-column prop="kkhj" label="扣款合计" align="left" />
					<el-table-column prop="fjj" label="发奖金" align="left" />
					<el-table-column prop="tsjyj" label="退手机押金" align="left" />
					<el-table-column prop="tzsyj" label="退住宿押金" align="left" />
					<el-table-column prop="sfgz" label="实发工资" align="left" />
					<el-table-column prop="dysfff" label="当月是否发放" align="left" />
					<el-table-column prop="zfje" label="支付金额" align="left" />
					<el-table-column prop="dzjfe" label="待支付金额" align="left" />
					<el-table-column prop="bfsy" label="补发上月" align="left" />
					<el-table-column prop="dyzfze" label="当月支付总额" align="left" />
					<el-table-column prop="zyj" label="总业绩" align="left" />
					<el-table-column label="操作" fixed="right" width="100">
							<template slot-scope="scope">
							<el-button type="text" @click="addOrUpdateHandle(scope.row.id)" >编辑</el-button>
							<el-button type="text" @click="handleDel(scope.row.id)" class="NCC-table-delBtn" >删除</el-button>
						</template>
					</el-table-column>
				</NCC-table>
                <pagination :total="total" :page.sync="listQuery.currentPage" :limit.sync="listQuery.pageSize" @pagination="initData" />
            </div>
        </div>
		<NCC-Form v-if="formVisible" ref="NCCForm" @refresh="refresh" />
		<ExportBox v-if="exportBoxVisible" ref="ExportBox" @download="download" />
	</div>
</template>
<script>
    import request from '@/utils/request'
    import { getDictionaryDataSelector } from '@/api/systemData/dictionary'
    import NCCForm from './Form'
    import ExportBox from './ExportBox'
    import { previewDataInterface } from '@/api/systemData/dataInterface'
	export default {
        components: { NCCForm, ExportBox },
        data() {
            return {
                showAll: false,
				query: {
                    id:undefined,
                    md:undefined,
                    hsgw:undefined,
                    xm:undefined,
                    jsjzd:undefined,
                    jcyj:undefined,
                    hzyj:undefined,
                    jlyj:undefined,
                    mdzyj:undefined,
                    dwyj:undefined,
                    zb:undefined,
                    xkyj:undefined,
                    xkcjl:undefined,
                    xktd:undefined,
                    sdyj:undefined,
                    sdtd:undefined,
                    syyj:undefined,
                    cellyj:undefined,
                    dxmybyj:undefined,
                    dxmebyj:undefined,
                    dyyj:undefined,
                    wysd:undefined,
                    mdzc:undefined,
                    cpwl:undefined,
                    wdcb:undefined,
                    qthzcb:undefined,
                    xmj:undefined,
                    ml:undefined,
                    zjltce:undefined,
                    jltce:undefined,
                    xh:undefined,
                    xms:undefined,
                    ddrt:undefined,
                    zdts:undefined,
                    qjts:undefined,
                    td:undefined,
                    jcyjtc:undefined,
                    hzyjtc:undefined,
                    gwtc:undefined,
                    mdtqtc:undefined,
                    dztc1:undefined,
                    dzzrtc:undefined,
                    zrtc:undefined,
                    dztc2:undefined,
                    zjltc:undefined,
                    jltc:undefined,
                    yjtc:undefined,
                    xhtc:undefined,
                    kjbzctc:undefined,
                    sytc:undefined,
                    celltc:undefined,
                    dxmbtc:undefined,
                    tchj:undefined,
                    jksdx:undefined,
                    dzhudx:undefined,
                    dzhangdx:undefined,
                    zrdx:undefined,
                    dzzrdx:undefined,
                    zjldx:undefined,
                    jldx:undefined,
                    kjblsdx:undefined,
                    dxmbdx:undefined,
                    dxhj:undefined,
                    sg:undefined,
                    rtjl:undefined,
                    sjgl:undefined,
                    cb:undefined,
                    sx:undefined,
                    qq:undefined,
                    hsyfgz:undefined,
                    bd:undefined,
                    bdqj:undefined,
                    bddx:undefined,
                    bdbc:undefined,
                    zzyfgz:undefined,
                    dypxbt:undefined,
                    dyjtbt:undefined,
                    sypxbt:undefined,
                    syjtbt:undefined,
                    bthj:undefined,
                    qk:undefined,
                    cd:undefined,
                    qj:undefined,
                    ksb:undefined,
                    kcjl:undefined,
                    kzs:undefined,
                    kxxq:undefined,
                    kgzf:undefined,
                    kkhj:undefined,
                    fjj:undefined,
                    tsjyj:undefined,
                    tzsyj:undefined,
                    sfgz:undefined,
                    dysfff:undefined,
                    zfje:undefined,
                    dzjfe:undefined,
                    bfsy:undefined,
                    dyzfze:undefined,
                    zyj:undefined,
				},
                list: [],
                listLoading: true,
                multipleSelection: [], total: 0,
                listQuery: {
                    currentPage: 1,
                    pageSize: 20,
					sort: "desc",
                    sidx: "",
                },
                formVisible: false,
                exportBoxVisible: false,
                columnList: [
                    { prop: 'id', label: '主键' },
                    { prop: 'md', label: '门店' },
                    { prop: 'hsgw', label: '核算岗位' },
                    { prop: 'xm', label: '姓名' },
                    { prop: 'jsjzd', label: '金山角战队' },
                    { prop: 'jcyj', label: '基础业绩' },
                    { prop: 'hzyj', label: '合作业绩' },
                    { prop: 'jlyj', label: '奖励业绩' },
                    { prop: 'mdzyj', label: '门店总业绩' },
                    { prop: 'dwyj', label: '队伍业绩' },
                    { prop: 'zb', label: '占比' },
                    { prop: 'xkyj', label: '新客业绩' },
                    { prop: 'xkcjl', label: '新客成交率' },
                    { prop: 'xktd', label: '新客提点' },
                    { prop: 'sdyj', label: '升单业绩' },
                    { prop: 'sdtd', label: '升单提点' },
                    { prop: 'syyj', label: '溯源业绩' },
                    { prop: 'cellyj', label: 'cell业绩' },
                    { prop: 'dxmybyj', label: '项目一部业绩' },
                    { prop: 'dxmebyj', label: '项目二部业绩' },
                    { prop: 'dyyj', label: '当月业绩' },
                    { prop: 'wysd', label: '物业水电' },
                    { prop: 'mdzc', label: '门店支出' },
                    { prop: 'cpwl', label: '产品物料' },
                    { prop: 'wdcb', label: '微雕成本' },
                    { prop: 'qthzcb', label: '其它合作成本' },
                    { prop: 'xmj', label: '洗毛巾' },
                    { prop: 'ml', label: '毛利' },
                    { prop: 'zjltce', label: '总经理提成额' },
                    { prop: 'jltce', label: '经理提成额' },
                    { prop: 'xh', label: '消耗' },
                    { prop: 'xms', label: '项目数' },
                    { prop: 'ddrt', label: '到店人头' },
                    { prop: 'zdts', label: '在店天数' },
                    { prop: 'qjts', label: '请假天数' },
                    { prop: 'td', label: '提点' },
                    { prop: 'jcyjtc', label: '基础业绩提成' },
                    { prop: 'hzyjtc', label: '合作业绩提成' },
                    { prop: 'gwtc', label: '顾问提成' },
                    { prop: 'mdtqtc', label: '门店T区提成' },
                    { prop: 'dztc1', label: '店助提成' },
                    { prop: 'dzzrtc', label: '店助主任提成' },
                    { prop: 'zrtc', label: '主任提成' },
                    { prop: 'dztc2', label: '店长提成' },
                    { prop: 'zjltc', label: '总经理提成' },
                    { prop: 'jltc', label: '经理提成' },
                    { prop: 'yjtc', label: '业绩提成' },
                    { prop: 'xhtc', label: '消耗提成' },
                    { prop: 'kjbzctc', label: '科技部组长提成' },
                    { prop: 'sytc', label: '溯源提成' },
                    { prop: 'celltc', label: 'cell提成' },
                    { prop: 'dxmbtc', label: '大项目部提成' },
                    { prop: 'tchj', label: '提成合计' },
                    { prop: 'jksdx', label: '健康师底薪' },
                    { prop: 'dzhudx', label: '店助底薪' },
                    { prop: 'dzhangdx', label: '店长底薪' },
                    { prop: 'zrdx', label: '主任底薪' },
                    { prop: 'dzzrdx', label: '店助主任底薪' },
                    { prop: 'zjldx', label: '总经理底薪' },
                    { prop: 'jldx', label: '经理底薪' },
                    { prop: 'kjblsdx', label: '科技部底薪' },
                    { prop: 'dxmbdx', label: '大项目部底薪' },
                    { prop: 'dxhj', label: '底薪合计' },
                    { prop: 'sg', label: '手工' },
                    { prop: 'rtjl', label: '人头奖励' },
                    { prop: 'sjgl', label: '手机管理' },
                    { prop: 'cb', label: '车补' },
                    { prop: 'sx', label: '少休' },
                    { prop: 'qq', label: '全勤' },
                    { prop: 'hsyfgz', label: '核算应发工资' },
                    { prop: 'bd', label: '保底' },
                    { prop: 'bdqj', label: '保底请假' },
                    { prop: 'bddx', label: '保底底薪' },
                    { prop: 'bdbc', label: '保底补差' },
                    { prop: 'zzyfgz', label: '最终应发工资' },
                    { prop: 'dypxbt', label: '当月培训补贴' },
                    { prop: 'dyjtbt', label: '当月交通补贴' },
                    { prop: 'sypxbt', label: '上月培训补贴' },
                    { prop: 'syjtbt', label: '上月交通补贴' },
                    { prop: 'bthj', label: '补贴合计' },
                    { prop: 'qk', label: '缺卡' },
                    { prop: 'cd', label: '迟到' },
                    { prop: 'qj', label: '请假' },
                    { prop: 'ksb', label: '扣社保' },
                    { prop: 'kcjl', label: '扣除奖励' },
                    { prop: 'kzs', label: '扣住宿' },
                    { prop: 'kxxq', label: '扣学习期' },
                    { prop: 'kgzf', label: '扣工作服' },
                    { prop: 'kkhj', label: '扣款合计' },
                    { prop: 'fjj', label: '发奖金' },
                    { prop: 'tsjyj', label: '退手机押金' },
                    { prop: 'tzsyj', label: '退住宿押金' },
                    { prop: 'sfgz', label: '实发工资' },
                    { prop: 'dysfff', label: '当月是否发放' },
                    { prop: 'zfje', label: '支付金额' },
                    { prop: 'dzjfe', label: '待支付金额' },
                    { prop: 'bfsy', label: '补发上月' },
                    { prop: 'dyzfze', label: '当月支付总额' },
                    { prop: 'zyj', label: '总业绩' },
				],
			}
        },
		computed: {},
		created() {
			this.initData()
		},
		methods: {
			initData() {
                this.listLoading = true;
                let _query = {
                    ...this.listQuery,
                    ...this.query
                };
                let query = {}
                for (let key in _query) {
                    if (Array.isArray(_query[key])) {
                        query[key] = _query[key].join()
                    } else {
                        query[key] = _query[key]
                    }
                }
                request({
                    url: `/api/Extend/LqGz`,
                    method: 'GET',
                    data: query
                }).then(res => {
                    this.list = res.data.list
                    this.total = res.data.pagination.total
                    this.listLoading = false
                })
            },
			handleDel(id) {
                this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
                    type: 'warning'
                }).then(() => {
                    request({
                        url: `/api/Extend/LqGz/${id}`,
                        method: 'DELETE'
                    }).then(res => {
                        this.$message({
                            type: 'success',
                            message: res.msg,
                            onClose: () => {
                                this.initData()
                            }
                        });
                    })
                }).catch(() => {
                });
            },
			handleSelectionChange(val) {
                const res = val.map(item => item.id)
                this.multipleSelection = res
            },
            handleBatchRemoveDel() {
                if (!this.multipleSelection.length) {
                    this.$message({
                        type: 'error',
                        message: '请选择一条数据',
                        duration: 1500,
                    })
                    return
                }
                const ids = this.multipleSelection
                this.$confirm('您确定要删除这些数据吗, 是否继续？', '提示', {
                    type: 'warning'
                }).then(() => {
                    request({
                        url: `/api/Extend/LqGz/batchRemove`,
                        method: 'POST',
                        data: ids ,
                    }).then(res => {
                        this.$message({
                            type: 'success',
                            message: res.msg,
                            onClose: () => {
                                this.initData()
                            }
                        });
                    })
                }).catch(() => { })
            },
			addOrUpdateHandle(id, isDetail) {
                this.formVisible = true
                this.$nextTick(() => {
                    this.$refs.NCCForm.init(id, isDetail)
                })
            },
			exportData() {
                this.exportBoxVisible = true
                this.$nextTick(() => {
                    this.$refs.ExportBox.init(this.columnList)
                })
            },
            download(data) {
                let query = { ...data, ...this.listQuery, ...this.query }
                request({
                    url: `/api/Extend/LqGz/Actions/Export`,
                    method: 'GET',
                    data: query
                }).then(res => {
                    if (!res.data.url) return
                    window.location.href = this.define.comUrl + res.data.url
                    this.$refs.ExportBox.visible = false
                    this.exportBoxVisible = false
                })
            },
			search() {
                this.listQuery = {
                    currentPage: 1,
                    pageSize: 20,
                    sort: "desc",
                    sidx: "",
                }
                this.initData()
            },
            refresh(isrRefresh) {
                this.formVisible = false
                if (isrRefresh) this.reset()
            },
            reset() {
                for (let key in this.query) {
                    this.query[key] = undefined
                }
                this.listQuery = {
                    currentPage: 1,
                    pageSize: 20,
                    sort: "desc",
                    sidx: "",
                }
                this.initData()
            }
		}
    }
</script>